Add Course page (#1844)

* Add Course page

* Added shortcodes and buttons to navigate to the next page

* move course images from layout

* decouple documentation and course layout

* decouple course sidebar

* move accordion js handlers into global unconditional js

* enable search on courses

* allow nested courses

* disable links for now

---------

Co-authored-by: generall <andrey@vasnetsov.com>
This commit is contained in:
nastyapash
2025-08-14 22:42:19 +02:00
committed by GitHub
co-authored by generall
parent cbd9061f6b
commit d758ddcb81
54 changed files with 1069 additions and 63 deletions
@@ -8,8 +8,7 @@
justify-content: center;
align-items: center;
padding: $spacer * 2.5 0;
border-top: 1px solid $neutral-20;
border-bottom: 1px solid $neutral-20;
border-top: pxToRem(1) solid $neutral-20;
color: $neutral-98;
h4 {
@@ -22,6 +21,7 @@
}
&__bottom {
border-top: pxToRem(1) solid $neutral-20;
@extend .footer__bottom;
}
@@ -101,7 +101,7 @@
}
&.active {
.docs-menu__links-group-heading>a {
&>.docs-menu__links-group-heading>a {
font-weight: 600;
background-color: $neutral-30;
color: $neutral-90;
@@ -177,6 +177,34 @@
}
}
&__progress {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 math.div($spacer, 2);
&-container {
width: pxToRem(168);
height: pxToRem(10);
background-color: $neutral-20;
border-radius: $spacer;
overflow: hidden;
}
&-bar {
height: 100%;
border-radius: $spacer;
background-color: $primary-50;
}
&-text {
margin-bottom: 0;
font-size: $font-size-xs;
line-height: $font-size-l;
color: $neutral-70;
}
}
@include media-breakpoint-up(xl) {
display: block;
height: calc(100vh - 80px);
@@ -220,7 +248,7 @@
&__links-group {
&.active {
.docs-menu__links-group-heading>a {
&>.docs-menu__links-group-heading>a {
background-color: $neutral-20;
}
@@ -345,7 +373,7 @@
&__links-group {
&.active {
.docs-menu__links-group-heading>a {
&>.docs-menu__links-group-heading>a {
color: $neutral-30;
}
}
@@ -376,4 +404,4 @@
}
}
}
}
}