mirror of
https://github.com/13hannes11/hugo-coder-timeline.git
synced 2024-09-04 00:50:58 +02:00
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:
committed by
GitHub
parent
141dedd0c0
commit
acef79480d
25
assets/scss/_float.scss
Normal file
25
assets/scss/_float.scss
Normal 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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user