Added shortcodes for courses (#1862)

This commit is contained in:
nastyapash
2025-09-04 17:51:47 +02:00
committed by GitHub
parent 0f53bfee83
commit 4a0f9ccad0
18 changed files with 313 additions and 26 deletions
@@ -33,7 +33,8 @@
top: calc(50% - pxToRem(9));
height: pxToRem(18);
width: pxToRem(16);
background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10609_1497)'%3E%3Cpath d='M1.81787 6.50513L8.63605 13.3233L15.4542 6.50513' stroke='%23E1E5F0' stroke-width='1.36364' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10609_1497'%3E%3Crect width='16.3636' height='16.3636' fill='white' transform='translate(0.63623 1.91431)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");background-position: center;
background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10609_1497)'%3E%3Cpath d='M1.81787 6.50513L8.63605 13.3233L15.4542 6.50513' stroke='%23E1E5F0' stroke-width='1.36364' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10609_1497'%3E%3Crect width='16.3636' height='16.3636' fill='white' transform='translate(0.63623 1.91431)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@@ -48,6 +49,10 @@
padding: 0 $spacer * 2 $spacer * 2 $spacer * 2;
color: $neutral-70;
[data-theme='light'] & {
color: $neutral-70;
}
ul {
li:not(:last-of-type) {
margin-bottom: pxToRem(10);
@@ -57,8 +62,8 @@
}
&.active {
.accordion__item-header:after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10609_1581)'%3E%3Cpath d='M15.4546 13.3232L8.63641 6.50506L1.81823 13.3232' stroke='%23E1E5F0' stroke-width='1.36364' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10609_1581'%3E%3Crect width='16.3636' height='16.3636' fill='white' transform='translate(0.63623 1.91418)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
.accordion-dark__item-header:after {
background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10854_1606)'%3E%3Cpath d='M15.4546 13.3232L8.63641 6.50506L1.81823 13.3232' stroke='%23E1E5F0' stroke-width='1.36364' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10854_1606'%3E%3Crect width='16.3636' height='16.3636' fill='white' transform='translate(0.63623 1.91418)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
}
}
@@ -29,20 +29,8 @@
}
&__content {
color: $neutral-70;
&.wide {
ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
column-gap: $spacer * 6;
margin-bottom: -$spacer * 1.5;
li {
margin-bottom: $spacer * 1.5;
}
}
[data-theme='light'] & {
color: $neutral-70;
}
}
@@ -30,4 +30,37 @@
}
}
}
&.list-completed {
ul {
li {
padding-left: pxToRem(26);
&:before {
top: pxToRem(3);
width: pxToRem(18);
height: pxToRem(18);
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3125 4.875V13.125L9 17.25L1.6875 13.125V4.875L9 0.75L16.3125 4.875ZM12.2559 6.56055L7.7832 10.4727L5.25 7.93945L4.18945 9L7.71582 12.5264L8.24414 12.0645L13.2441 7.68945L13.8086 7.19531L12.8203 6.06641L12.2559 6.56055Z' fill='%23008A53'/%3E%3C/svg%3E%0A");
}
}
}
}
&.list-wide {
ul {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
column-gap: $spacer * 6;
margin-bottom: -$spacer * 1.5;
li {
margin-bottom: $spacer * 1.5;
}
}
}
[data-theme='light'] & {
color: $neutral-30;
}
}