rushilwiz/maya
1
0
Fork 0
mirror of https://github.com/Rushilwiz/maya.git synced 2025-04-17 23:50:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: sizing and background

Browse Source
This commit is contained in:
Rushil Umaretiya 2024-02-14 18:32:42 -05:00
parent a54644eb6c
commit 2aa4a81f91
No known key found for this signature in database
GPG Key ID: 4E8FAF9C926AF959
1 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
styles.sass
View File

@ -18,7 +18,7 @@ $cursive: 'Cedarville Cursive', cursive
display: none display: none
body body
background: lighten($brown, 10%) background: linear-gradient(180deg, $darkbrown 0%, $brown 40%, $background 100%)
overflow-x: hidden overflow-x: hidden
.mobile-helper .mobile-helper
@ -45,14 +45,14 @@ body
@keyframes title-wrapper-in @keyframes title-wrapper-in
to to
height: 30svh height: 30vh
@keyframes hero-in @keyframes hero-in
to to
opacity: 1 opacity: 1
.hero-img .hero-img
position: fixed position: absolute
top: 0 top: 0
left: 0 left: 0
width: 100% width: 100%
@ -66,7 +66,7 @@ body
.hero .hero
z-index: 1 z-index: 1
min-height: 115svh min-height: 115vh
background: transparent background: transparent
color: black color: black
display: flex display: flex
@ -75,7 +75,7 @@ body
justify-content: space-between justify-content: space-between
.title-wrapper .title-wrapper
height: 100svh height: 100vh
width: 100% width: 100%
background: linear-gradient(180deg, $darkbrown 0%, $brown 40%, transparent 100%) background: linear-gradient(180deg, $darkbrown 0%, $brown 40%, transparent 100%)
display: flex display: flex
@ -96,7 +96,7 @@ body
.subtitle .subtitle
width: 100% width: 100%
height: 20svh height: 20vh
display: flex display: flex
align-items: center align-items: center
justify-content: center justify-content: center
@ -136,7 +136,7 @@ body
font-size: 1.4rem font-size: 1.4rem
font-weight: 400 font-weight: 400
text-align: right text-align: right
min-height: 50svh min-height: 50vh
p p
line-height: 2.5rem line-height: 2.5rem
@ -144,7 +144,7 @@ body
.poem-controls .poem-controls
width: 100% width: 100%
height: 10svh height: 10vh
display: flex display: flex
align-items: center align-items: center