Files
hugo-coder-timeline/assets/scss/_float_dark.scss
Luiz F. A. de Prá acef79480d Change Colorscheme Toggle Button to be floating (#466)
* Moved colour scheme toggle and squashed commits (#433)

Co-authored-by: Luiz F. A. de Prá <luizdepra@users.noreply.github.com>

* Fix toggle button code

* Add built CSS files

Co-authored-by: Jian Liew <jianloongliew@gmail.com>
2020-10-28 21:37:28 -03:00

25 lines
453 B
SCSS

@mixin float_dark {
.float-container {
a {
color: $alt-fg-color-dark;
background-color: $alt-bg-color-dark;
&:hover, &:focus {
color: $link-color-dark;
@media only screen and (max-width : 768px) {
color: $alt-fg-color-dark;
}
}
}
}
}
body.colorscheme-dark {
@include float_dark()
}
body.colorscheme-auto {
@media (prefers-color-scheme: dark) {
@include float_dark()
}
}