Deploying to gh-pages from @ fcfda461a9
🚀
This commit is contained in:
parent
a1208a1f26
commit
10d7c11695
1 changed files with 15 additions and 8 deletions
|
@ -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 {
|
||||||
|
border-block-start: 1px solid hsl(0, 0%, 20%);
|
||||||
> figcaption {
|
|
||||||
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();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in a new issue