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

Switch to CSS vars for variables

Browse source
This commit is contained in:
Michał Gdula 2023-03-25 16:22:32 +00:00
parent 5dab4fb53d
commit b862c74bbe
22 changed files with 263 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

26
gallery/themes/default/components/elements/upload-panel.sass
View file

@ -8,7 +8,7 @@
width: calc(100% - 3.5rem)
height: 100vh
background-color: rgba($black, 0)
background-color: transparent
overflow: hidden
z-index: 68
@ -21,7 +21,7 @@
font-size: 1.75rem
font-weight: 700
color: $primary
color: RGB($primary)
p
margin: 0
@ -30,7 +30,7 @@
font-size: 1rem
font-weight: 500
color: $white
color: RGB($fg-white)
form
margin: 0
@ -71,7 +71,7 @@
flex-direction: column
gap: 1rem
background-color: $black
background-color: RGB($bg-200)
opacity: 0
z-index: +2
@ -98,7 +98,7 @@
align-items: center
gap: 0.5rem
background-color: $black2
background-color: RGB($bg-200)
border-radius: $rad
overflow: hidden
@ -121,7 +121,7 @@
width: 100%
height: 100%
background-image: linear-gradient(to right, rgba($black, 0.8), rgba($black, 0))
background-image: linear-gradient(to right, RGB($bg-100), transparent)
.job__status
margin: 0
@ -134,7 +134,7 @@
font-size: 1rem
font-weight: 600
color: $white
color: RGB($fg-white)
z-index: +3
@ -148,7 +148,7 @@
bottom: 0
left: -100%
background-color: $primary
background-color: RGB($primary)
animation: uploadingLoop 1s cubic-bezier(0.76, 0, 0.17, 1) infinite
@ -157,23 +157,23 @@
&.critical
.job__status, .progress
color: $critical
color: RGB($critical)
&.success
.job__status
color: $success
color: RGB($success)
.progress
height: 0
animation: none
&.warning
.job__status, .progress
color: $warning
color: RGB($warning)
&.critical, &.success, &.warning
.progress
height: 0
&.open
background-color: rgba($black, 0.5)
background-color: $bg-transparent
.container
left: 0
@ -199,4 +199,4 @@
&.open
.container
left: 0
bottom: 0
bottom: 0