Fix content style
This commit is contained in:
parent
35b1b684b3
commit
6078c2f580
@ -1,9 +1,15 @@
|
|||||||
@import 'reset';
|
@import 'reset';
|
||||||
|
|
||||||
|
$base-text-color: #8c877d;
|
||||||
|
$background-color: #e6e6e6;
|
||||||
|
$content-background-color: #f6f1ea;
|
||||||
|
$navbar-color: #eadecc;
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #e6e6e6;
|
background-color: $background-color;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
display: grid;
|
display: grid;
|
||||||
|
color: $base-text-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (min-width: 1025px) {
|
@media (min-width: 1025px) {
|
||||||
@ -56,7 +62,7 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: #eadecc;
|
background-color: $navbar-color;
|
||||||
list-style: none;
|
list-style: none;
|
||||||
grid-area: menu;
|
grid-area: menu;
|
||||||
|
|
||||||
@ -80,8 +86,11 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
background-color: #f6f1ea;
|
background-color: $content-background-color;
|
||||||
margin-right: 2rem;
|
margin-right: 2rem;
|
||||||
|
margin-left: 2rem;
|
||||||
|
padding: 1rem;
|
||||||
|
font-size: large;
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
@ -90,13 +99,13 @@ body {
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
font-size: large;
|
|
||||||
color: #8c877d;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1, h2, h3 {
|
ul {
|
||||||
color: #8c877d;
|
list-style: disc;
|
||||||
|
margin: 1rem;
|
||||||
|
padding-left: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.gallery {
|
.gallery {
|
||||||
|
Loading…
Reference in New Issue
Block a user