Add base styles
This commit is contained in:
parent
58897aa9a3
commit
53c38a3247
3
src/styles/colors.sass
Normal file
3
src/styles/colors.sass
Normal file
@ -0,0 +1,3 @@
|
||||
$primary: #634AFF
|
||||
$text: #11181C
|
||||
$text-light: #6B7280
|
47
src/styles/main.sass
Normal file
47
src/styles/main.sass
Normal file
@ -0,0 +1,47 @@
|
||||
@use "@/styles/colors" as *
|
||||
|
||||
body
|
||||
font-family: 'Inter', sans-serif
|
||||
margin: 0
|
||||
|
||||
.btn
|
||||
display: flex
|
||||
align-items: center
|
||||
gap: 1rem
|
||||
color: $text
|
||||
padding: 0.7rem 1.1rem
|
||||
border-radius: 1rem
|
||||
border: none
|
||||
font-size: 1.2rem
|
||||
font-weight: 600
|
||||
cursor: pointer
|
||||
transition: 0.2s
|
||||
|
||||
&:hover
|
||||
transform: scale(1.03) rotate(2deg)
|
||||
|
||||
&:active
|
||||
transform: scale(0.95) rotate(-2deg)
|
||||
|
||||
.btn-full
|
||||
background-color: $primary
|
||||
color: #FFFFFF
|
||||
|
||||
.btn-light
|
||||
background-color: rgba($primary, 0.05)
|
||||
color: $primary
|
||||
|
||||
|
||||
main
|
||||
margin: 3rem 20vw
|
||||
|
||||
footer
|
||||
position: fixed
|
||||
bottom: 1rem
|
||||
left: 0
|
||||
width: 100%
|
||||
display: flex
|
||||
justify-content: center
|
||||
|
||||
span
|
||||
color: $primary
|
Loading…
x
Reference in New Issue
Block a user