Fluffy/WebsiteArchive
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/Fluffys-website.git synced 2025-05-21 02:44:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add darkmode

Browse source 
Prettier titles
This commit is contained in:
Michał Gdula 2023-07-21 13:25:33 +01:00
parent b6077f88ed
commit 0ddc2a20b2
15 changed files with 187 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

31
static/sass/styles/button-array.sass
View file

@ -3,6 +3,10 @@
flex-wrap: wrap
justify-content: start
font-size: 0.9rem
font-family: $font-mono
text-decoration: none
p
margin: 0 0.2rem 0 0
padding: 0 0.5rem
@ -11,9 +15,7 @@
display: flex
align-items: center
font-size: 0.9rem
font-family: $font-mono
font-family: inherit
background: $dark
color: $light
@ -30,24 +32,31 @@
justify-content: center
align-items: center
font-size: 0.9rem
font-family: $font-mono
text-decoration: none
font-family: inherit
background-color: $accent
color: $dark
border: 0 solid transparent
border-radius: $radius
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
// transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
svg
width: 1.1rem
height: 1.1rem
color: inherit
&:hover, &:focus-visible
text-decoration: none
background-color: $dark
color: $light
outline: none
background-color: transparent
color: $dark
outline: 0 solid transparent
@media (prefers-color-scheme: dark)
.button-array
p
background: $light
color: $dark
button, a
&:hover, &:focus-visible
color: $light