Pop-ups are dark and dont require close button

Change style of block buttons
This commit is contained in:
Michał Gdula 2023-03-15 17:03:24 +00:00
parent f9aeb0955d
commit a6c06ae39c
8 changed files with 36 additions and 62 deletions

View file

@ -27,7 +27,7 @@
text-align: center
background-color: transparent
color: $black
color: $white
border: none
border-radius: $rad-inner
@ -37,7 +37,6 @@
&:hover
background-color: $black
color: $white
&:focus-visible
outline: 2px solid rgba($black, 0.5)
@ -74,23 +73,33 @@
font-weight: 600
text-align: left
background-color: $black
background-color: transparent
color: $white
border: none
border-bottom: 3px solid $gray
border-radius: $rad-inner
cursor: pointer
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
&:hover
outline: 2px solid rgba($white, 0.5)
&:not(:focus):not([value=""]):not(:placeholder-shown)
border-color: $white
&:focus-visible
outline: 2px solid rgba($white, 0.5)
&:hover
border-color: $white
&:focus
border-color: $primary
outline: none
&.file
padding: 0 1rem 0 0
border: none
background-color: $black2
&:focus-visible
outline: 2px solid rgba($white, 0.5)
&::file-selector-button
margin-right: 1rem
@ -109,4 +118,3 @@
&:not([value=""])
display: none