Functional settings menu plus sass stuff apparently?

This commit is contained in:
Michał Gdula 2023-09-27 11:32:39 +01:00
parent 1a59e413a9
commit 317c875cf0
22 changed files with 256 additions and 153 deletions

View file

@ -39,35 +39,35 @@
&:hover, &:focus-visible
background-color: var(--primary)
color: var(--white)
color: var(--black)
&.success
background-color: var(--success-transparent)
color: var(--success)
&:hover, &:focus-visible
background-color: var(--success)
color: var(--white)
color: var(--black)
&.warning
background-color: var(--warning-transparent)
color: var(--warning)
&:hover, &:focus-visible
background-color: var(--warning)
color: var(--white)
color: var(--black)
&.critical
background-color: var(--danger-transparent)
color: var(--danger)
&:hover, &:focus-visible
background-color: var(--danger)
color: var(--white)
color: var(--black)
&.info
background-color: var(--info-transparent)
color: var(--info)
&:hover, &:focus-visible
background-color: var(--info)
color: var(--white)
color: var(--black)
&.black
background-color: var(--black-transparent)
color: var(--white)
@ -201,4 +201,4 @@
&.error
background-color: var(--danger)
color: var(--danger)
color: var(--black)

View file

@ -13,7 +13,7 @@
justify-content: center
align-items: center
background-color: var(--background-300)
background-color: var(--background-100)
color: var(--foreground-white)
border-radius: calc(var(--rad) / 2)
border: none
@ -34,6 +34,6 @@
right: 0.75rem
opacity: 1
@media (max-width: var(--breakpoint))
@media (max-width: 800px)
.top-of-page
bottom: 4.25rem