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

Smelly smelly styling

Browse source
This commit is contained in:
Michał Gdula 2023-03-23 22:22:52 +00:00
parent 4e7301b9de
commit ef27955414
9 changed files with 32 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

44
gallery/themes/default/components/buttons/block.sass
View file

@ -1,9 +1,9 @@
@mixin btn-block($color)
background-color: rgba($color, 0.1)
background-color: rgba($color, 0)
color: $color
&:hover
background-color: rgba($color, 0.3)
background-color: rgba($color, 0.2)
color: $color
&:focus-visible
@ -26,7 +26,7 @@
font-weight: 600
text-align: center
background-color: rgba($white, 0.1)
background-color: rgba($white, 0)
color: $white
border: none
border-radius: $rad-inner
@ -36,7 +36,7 @@
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
&:hover
background-color: rgba($white, 0.3)
background-color: rgba($white, 0.2)
&:focus-visible
outline: 2px solid rgba($white, 0.5)
@ -56,6 +56,9 @@
&.info
@include btn-block($info)
&.black
@include btn-block($black)
.input-block
padding: 0.5rem 1rem
@ -77,47 +80,24 @@
color: $white
border: none
border-bottom: 3px solid $gray
border-bottom: 3px solid rgba($white, 0.1)
border-radius: $rad-inner
cursor: pointer
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
&:not(:focus):not([value=""]):not(:placeholder-shown)
border-color: $white
border-color: rgba($white, 0.3)
&:hover
border-color: $white
border-color: rgba($white, 0.3)
&:focus
border-color: $primary
outline: none
&.file
padding: 0 1rem 0 0
border: none
background-color: rgba($white, 0.1)
&:focus-visible
outline: 2px solid rgba($white, 0.5)
&::file-selector-button
margin-right: 1rem
padding: 0.5rem 1rem
width: auto
height: 100%
font-size: 1rem
text-decoration: none
background-color: $white
color: $black
border: none
border-radius: $rad-inner
&:not([value=""])
display: none
&.black
@include btn-block($black)
.fileDrop-block
padding: 1rem 1.25rem