2022-08-16 22:51:03 +01:00
|
|
|
@mixin dark-mode {
|
2022-08-20 15:55:50 +01:00
|
|
|
// Ensure animations aren't for the initial transition
|
2022-08-20 17:45:12 +01:00
|
|
|
html.dark-mode-animate & {
|
2022-08-20 15:55:50 +01:00
|
|
|
transition-duration: 0.5s;
|
2022-08-30 22:48:45 +01:00
|
|
|
transition-property: color, background-color, border-color, filter,
|
|
|
|
box-shadow;
|
2022-08-20 15:55:50 +01:00
|
|
|
}
|
|
|
|
|
2022-08-20 17:45:12 +01:00
|
|
|
html.dark-mode & {
|
2022-08-16 22:51:03 +01:00
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|