Add nonfunctional settings page

This commit is contained in:
Cadence Ember
2020-05-05 02:02:35 +12:00
parent 12c02fd8af
commit 120faae576
5 changed files with 283 additions and 4 deletions

View File

@@ -1,3 +1,5 @@
@use "forms"
$layout-a-max: 820px
$layout-b-min: 821px
$layout-c-max: 680px
@@ -5,6 +7,7 @@ $layout-home-a-max: 520px
$layout-home-b-min: 521px
$main-theme-link-color: #085cae
$medium-red-bg: #6a2222
$solar-background: #fff4e8
@font-face
font-family: "Bariol"
@@ -124,7 +127,7 @@ body
.timeline
--image-size: 260px
$image-size: var(--image-size)
$background: #fff4e8
$background: $solar-background
@media screen and (max-width: $layout-a-max)
--image-size: 150px
@@ -159,9 +162,6 @@ body
top: 50%
border-top: 1px solid
&:no-posts
.number
position: relative
z-index: 1
@@ -633,3 +633,27 @@ body
a, a:visited
color: $main-theme-link-color
.settings-page
background-color: #fff4e8
padding: 0px 10px 50px
a, a:visited
color: $main-theme-link-color
.settings
max-width: 600px
margin: 0 auto
.action-container
margin-top: 20px
display: flex
justify-content: space-between
align-items: center
.save-button
@include forms.curve-out-major
width: 180px
.home-link
font-size: 21px