Created the Button style
This commit is contained in:
parent
024fd39cc5
commit
81b30ca3ae
23
src/common/components/Button/styles.sass
Normal file
23
src/common/components/Button/styles.sass
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
@import "@styles/colors"
|
||||||
|
|
||||||
|
.btn
|
||||||
|
display: flex
|
||||||
|
justify-content: center
|
||||||
|
align-items: center
|
||||||
|
padding: 0.5rem 1rem
|
||||||
|
border-radius: 0.5rem
|
||||||
|
background-color: $primary
|
||||||
|
color: $background
|
||||||
|
font-size: 16pt
|
||||||
|
font-weight: 700
|
||||||
|
cursor: pointer
|
||||||
|
border: none
|
||||||
|
gap: 0.5rem
|
||||||
|
transition: background-color 0.1s ease-in-out, transform 0.1s ease-in-out
|
||||||
|
|
||||||
|
.btn:hover
|
||||||
|
filter: brightness(0.9)
|
||||||
|
|
||||||
|
.btn:active:not(:disabled)
|
||||||
|
filter: brightness(0.8)
|
||||||
|
transform: scale(0.98)
|
Loading…
x
Reference in New Issue
Block a user