Add base styles

This commit is contained in:
Mathias Wagner 2025-02-16 21:36:40 +01:00
parent 58897aa9a3
commit 53c38a3247
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
2 changed files with 50 additions and 0 deletions

3
src/styles/colors.sass Normal file
View File

@ -0,0 +1,3 @@
$primary: #634AFF
$text: #11181C
$text-light: #6B7280

47
src/styles/main.sass Normal file
View 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