Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 03:26:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Move colours to HSL, probably a mistake

Browse source
This commit is contained in:
Michał Gdula 2023-09-26 19:36:49 +01:00
parent 9821db72c6
commit 1a59e413a9
29 changed files with 852 additions and 730 deletions
Download patch file Download diff file Expand all files Collapse all files

18
onlylegs/static/sass/components/pop-up.sass
View file

@ -7,7 +7,7 @@
display: none
background-color: $bg-transparent
background-color: var(--background-shade)
opacity: 0
z-index: 101
@ -38,12 +38,12 @@
display: flex
flex-direction: column
background-color: RGB($bg-200)
border-radius: $rad
background-color: var(--background-200)
border-radius: var(--rad)
overflow: hidden
z-index: +2
transition: transform 0.2s $animation-smooth
transition: transform 0.2s var(--animation-smooth)
.pop-up-header
margin: 0 0 0.5rem 0
@ -73,7 +73,7 @@
font-weight: 700
text-align: left
color: RGB($fg-white)
color: var(--foreground-white)
p
margin: 0
@ -84,7 +84,7 @@
font-weight: 400
text-align: left
color: RGB($fg-white)
color: var(--foreground-white)
svg
width: 1rem
@ -94,7 +94,7 @@
vertical-align: middle
a, .link
color: RGB($primary)
color: var(--primary)
cursor: pointer
text-decoration: none
@ -127,15 +127,13 @@
justify-content: flex-end
gap: 0.5rem
// background-color: RGB($bg-100)
&.active
opacity: 1
.pop-up-wrapper
transform: translate(-50%, 50%) scale(1)
@media (max-width: $breakpoint)
@media (max-width: var(--breakpoint))
.pop-up
.pop-up-wrapper
max-width: calc(100% - 0.75rem)