Files
hugo-coder-timeline/assets/scss/_float.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

26 lines
518 B
SCSS

.float-container {
bottom: 2rem;
right: 2rem;
z-index: 100;
position: fixed;
font-size: 1.6em;
a {
display: block;
color: $alt-fg-color;
background-color: $alt-bg-color;
font-size: 2.0rem;
padding: 0.5rem;
border-radius: 0.5rem;
opacity: 50%;
transition: opacity 0.5s, color 0.5s;
&:hover, &:focus {
color: $link-color;
opacity: 100%;
@media only screen and (max-width : 768px) {
color: $alt-fg-color;
opacity: 50%;
}
}
}
}