mirror of
https://github.com/Fluffy-Bean/Fluffys-website.git
synced 2025-05-21 19:04:56 +00:00
Add darkmode
Prettier titles
This commit is contained in:
parent
b6077f88ed
commit
0ddc2a20b2
15 changed files with 187 additions and 76 deletions
39
static/sass/styles/back-button.sass
Normal file
39
static/sass/styles/back-button.sass
Normal file
|
@ -0,0 +1,39 @@
|
|||
.back
|
||||
padding: 0
|
||||
width: 3rem
|
||||
height: 3rem
|
||||
|
||||
display: flex
|
||||
justify-content: center
|
||||
align-items: center
|
||||
|
||||
position: fixed
|
||||
right: 1.3rem
|
||||
bottom: 1.3rem
|
||||
|
||||
outline: 0.5rem solid $light
|
||||
border: 0 solid transparent
|
||||
border-radius: 50%
|
||||
background: $dark
|
||||
|
||||
transition: transform 0.2s ease-in-out
|
||||
cursor: pointer
|
||||
z-index: 10
|
||||
|
||||
svg
|
||||
display: block
|
||||
width: 1.4rem
|
||||
height: 1.4rem
|
||||
color: $light
|
||||
|
||||
&:hover, &:focus-visible
|
||||
text-decoration: none
|
||||
transform: translateY(-0.2rem)
|
||||
|
||||
@media (prefers-color-scheme: dark)
|
||||
.back
|
||||
outline-color: $dark
|
||||
background: $light
|
||||
|
||||
svg
|
||||
color: $dark
|
Loading…
Add table
Add a link
Reference in a new issue