Port education styles
This commit is contained in:
parent
f9d3fc6c6b
commit
379ad520de
|
@ -7816,6 +7816,38 @@ code,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* src/rawdata/scss/education.css */
|
||||||
|
.edu-course.highlight {
|
||||||
|
border-left: 0.25rem solid black;
|
||||||
|
border-color: var(--link-color);
|
||||||
|
background-color: var(--theme-color-dimmest);
|
||||||
|
}
|
||||||
|
.edu-course .edu-article.coming-soon {
|
||||||
|
color: var(--dimmer-color);
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.edu-course .edu-article::after {
|
||||||
|
--height: 10rem;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
width: 1rem;
|
||||||
|
height: var(--height);
|
||||||
|
border-width: 0 0 1px 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: var(--dimmest-color);
|
||||||
|
left: -1.5rem;
|
||||||
|
top: calc(1rem - var(--height));
|
||||||
|
border-bottom-left-radius: 0.5rem;
|
||||||
|
}
|
||||||
|
.edu-topic img {
|
||||||
|
width: 100%;
|
||||||
|
height: 14rem;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
.edu-article .note {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
/* src/rawdata/scss/forum.css */
|
/* src/rawdata/scss/forum.css */
|
||||||
.thread-list-item .latestpost {
|
.thread-list-item .latestpost {
|
||||||
width: 16.5rem;
|
width: 16.5rem;
|
||||||
|
|
|
@ -1,26 +1,26 @@
|
||||||
.edu-course {
|
.edu-course {
|
||||||
&.highlight {
|
&.highlight {
|
||||||
border-left: 0.25rem solid black;
|
border-left: 0.25rem solid black;
|
||||||
@include usevar(border-color, link-color);
|
border-color: var(--link-color);
|
||||||
@include usevar(background-color, theme-color-dimmest);
|
background-color: var(--theme-color-dimmest);
|
||||||
}
|
}
|
||||||
|
|
||||||
.edu-article.coming-soon {
|
.edu-article.coming-soon {
|
||||||
@extend .c--dimmer;
|
color: var(--dimmer-color);
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
.edu-article::after {
|
.edu-article::after {
|
||||||
$height: 10rem;
|
--height: 10rem;
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 1rem;
|
width: 1rem;
|
||||||
height: $height;
|
height: var(--height);
|
||||||
border-width: 0 0 1px 1px;
|
border-width: 0 0 1px 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
@include usevar(border-color, dimmest-color);
|
border-color: var(--dimmest-color);
|
||||||
left: -1.5rem;
|
left: -1.5rem;
|
||||||
top: 1rem - $height;
|
top: calc(1rem - var(--height));
|
||||||
border-bottom-left-radius: 0.5rem;
|
border-bottom-left-radius: 0.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -37,4 +37,4 @@
|
||||||
.note {
|
.note {
|
||||||
color: red;
|
color: red;
|
||||||
}
|
}
|
||||||
}
|
}
|
|
@ -5,6 +5,7 @@
|
||||||
|
|
||||||
@import "carousel.css";
|
@import "carousel.css";
|
||||||
@import "editor.css";
|
@import "editor.css";
|
||||||
|
@import "education.css";
|
||||||
@import "forum.css";
|
@import "forum.css";
|
||||||
@import "header.css";
|
@import "header.css";
|
||||||
@import "icons.css";
|
@import "icons.css";
|
||||||
|
|
|
@ -3,7 +3,9 @@
|
||||||
## How to build
|
## How to build
|
||||||
|
|
||||||
```
|
```
|
||||||
esbuild src\rawdata\scss\style.css --bundle --outdir=public --target=chrome109,firefox109,safari12
|
esbuild src\rawdata\scss\style.css --bundle --loader:.ttf=file --outdir=public --target=chrome109,firefox109,safari12
|
||||||
|
|
||||||
|
nodemon --exec "esbuild src\rawdata\scss\style.css --bundle --loader:.ttf=file --outdir=public --target=chrome109,firefox109,safari12" src\rawdata\scss\style.css --ignore public
|
||||||
```
|
```
|
||||||
|
|
||||||
## TODO
|
## TODO
|
||||||
|
|
Loading…
Reference in New Issue