Updated the styles.sass
This commit is contained in:
parent
553aed2c07
commit
8de0fa3e05
@ -1,2 +1,72 @@
|
|||||||
.home-page h1
|
@import "@styles/colors"
|
||||||
margin: 0
|
|
||||||
|
.home-page
|
||||||
|
display: flex
|
||||||
|
justify-content: space-around
|
||||||
|
align-items: center
|
||||||
|
height: 100%
|
||||||
|
user-select: none
|
||||||
|
|
||||||
|
.info-area
|
||||||
|
padding: 1rem 1.5rem
|
||||||
|
width: 21rem
|
||||||
|
|
||||||
|
h2
|
||||||
|
margin: 0
|
||||||
|
|
||||||
|
.donate a
|
||||||
|
text-decoration: none
|
||||||
|
color: $primary
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
text-decoration: underline
|
||||||
|
|
||||||
|
.info-area-inner
|
||||||
|
padding: 0.5rem 0.6rem
|
||||||
|
|
||||||
|
.action-area
|
||||||
|
display: flex
|
||||||
|
gap: 1rem
|
||||||
|
|
||||||
|
|
||||||
|
.github-link
|
||||||
|
display: flex
|
||||||
|
padding: 0.5rem 1rem
|
||||||
|
align-items: center
|
||||||
|
justify-content: center
|
||||||
|
gap: 1rem
|
||||||
|
text-decoration: none
|
||||||
|
color: $text
|
||||||
|
transition: 0.2s
|
||||||
|
|
||||||
|
img
|
||||||
|
width: 2.5rem
|
||||||
|
height: 2.5rem
|
||||||
|
border-radius: 50%
|
||||||
|
|
||||||
|
h2
|
||||||
|
margin: 0
|
||||||
|
font-size: 1.28rem
|
||||||
|
|
||||||
|
&:hover
|
||||||
|
transform: scale(1.02)
|
||||||
|
&:active
|
||||||
|
transform: rotate(-3deg) scale(0.95)
|
||||||
|
|
||||||
|
.action-btn
|
||||||
|
display: flex
|
||||||
|
flex-direction: column
|
||||||
|
align-items: center
|
||||||
|
justify-content: center
|
||||||
|
padding: 2rem 0
|
||||||
|
width: 10rem
|
||||||
|
gap: 1rem
|
||||||
|
color: $text
|
||||||
|
text-decoration: none
|
||||||
|
|
||||||
|
svg
|
||||||
|
font-size: 38pt
|
||||||
|
|
||||||
|
h2
|
||||||
|
margin: 0
|
||||||
|
text-align: center
|
||||||
|
Loading…
x
Reference in New Issue
Block a user