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

Merge pull request #28 from odysa/dev

Browse source 
fix: make card support darkmode change
This commit is contained in:
Sivan 2020-10-22 13:14:59 +08:00 committed by GitHub
commit fcfda461a9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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