zhao/heti
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: make card support darkmode change

Browse source
This commit is contained in:
Chengxu Bian 2020-10-19 17:48:58 +08:00
parent 99263f20b3
commit f82920a089
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
_site/scss/components/_card.scss
View file

@ -53,16 +53,23 @@
}
}
@media (prefers-color-scheme: dark) {
.card {
background-color: hsl(0, 0%, 16%);
> figcaption {
border-block-start: 1px solid hsl(0, 0%, 20%);
}
@mixin darkmode {
background-color: hsl(0, 0%, 16%);
> figcaption {
border-block-start: 1px solid hsl(0, 0%, 20%);
}
.card__vertical-container {
border-color: hsl(0, 0%, 20%);
}
}
.card {
[data-darkmode="dark"] & {
@include darkmode();
}
@media (prefers-color-scheme: dark) {
[data-darkmode="auto"] & {
@include darkmode();
}
}
}