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>
This commit is contained in:
Luiz F. A. de Prá
2020-10-28 21:37:28 -03:00
committed by GitHub
parent 141dedd0c0
commit acef79480d
14 changed files with 70 additions and 16 deletions

25
assets/scss/_float.scss Normal file
View File

@@ -0,0 +1,25 @@
.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%;
}
}
}
}