PatAlcala9/fwt
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Redesigned button

Browse source
This commit is contained in:
Patrick Alvin Alcala 2025-06-04 17:32:12 +08:00
parent 87f0302351
commit b1e7d2d49a
1 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/ButtonComponent/Button.sass
View file

@ -1,14 +1,22 @@
@use '/src/styles/variables.sass' as vars @use '/src/styles/variables.sass' as vars
@use 'sass:color'
.button .button
background-color: #5e825f background: vars.$primaryColor
border: none border: none
border-radius: 4px border-radius: 16px
color: white color: white
padding: 1rem 2rem padding: 0.5rem 1.25rem
text-align: center text-align: center
text-decoration: none text-decoration: none
display: inline-block display: inline-block
font-size: 16px font-size: 0.75rem
margin: 4px 2px font-weight: 700
cursor: pointer cursor: pointer
transition: all 0.2s ease-out
&:hover
background: color.adjust(vars.$primaryColor, $blackness: 20%)
&:active
transform: scale(0.95)