1
0
Fork 0
mirror of https://git.sr.ht/~cadence/cloudtube synced 2026-05-26 12:32:25 +00:00

Add theme support, light theme, and edgeless light

This commit is contained in:
Cadence Ember 2021-12-28 16:32:11 +13:00
parent 4e1f2b3607
commit 0d23d66700
45 changed files with 433 additions and 212 deletions

View file

@ -0,0 +1,41 @@
$_theme: () !default
@use "sass:map"
.home-page
padding: 40px
.top-header
font-size: 48px
text-align: center
.tagline
font-size: 30px
text-align: center
.encouraging-message
max-width: max-content
margin: 0 auto 60px
text-align: center
padding: 16px
border-radius: 4px
font-size: 20px
background-color: map.get($_theme, "bg-1")
color: map.get($_theme, "fg-main")
p
margin: 0 32px
&:not(:last-child)
margin-bottom: 0.6em
&:not(:first-child)
margin-top: 0.6em
.encouraging-search-form
display: flex
.search
margin-top: 16px
flex: 1
font-size: 18px