feat: update base stylings
This commit is contained in:
parent
9160677be6
commit
9b11da8ad7
2 changed files with 35 additions and 11 deletions
|
@ -18,7 +18,7 @@
|
|||
body {
|
||||
min-height: 100vh;
|
||||
color: var(--color-text);
|
||||
background: var(--color-background);
|
||||
background: var(--color-background-body);
|
||||
transition: color 0.5s, background-color 0.5s;
|
||||
line-height: var(--text-line-height);
|
||||
|
||||
|
@ -32,7 +32,10 @@ body {
|
|||
}
|
||||
|
||||
main {
|
||||
background: var(--color-background);
|
||||
margin: var(--navigation-cutout-main);
|
||||
transition: 0.4s;
|
||||
z-index: 0;
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
|
@ -40,10 +43,11 @@ main {
|
|||
content: "";
|
||||
position: sticky;
|
||||
right: 0;
|
||||
bottom: var(--navigation-cutout-bottom);
|
||||
bottom: var(--navigation-cutout-page-background);
|
||||
left: 0;
|
||||
|
||||
height: 13rem;
|
||||
height: var(--page-background-image-height);
|
||||
max-height: var(--page-background-image-max-height);
|
||||
|
||||
background: var(--page-background-image);
|
||||
background-repeat: no-repeat;
|
||||
|
@ -58,10 +62,6 @@ section {
|
|||
max-width: var(--textblock-max-width);
|
||||
margin: 0 auto;
|
||||
padding: var(--textblock-padding);
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
|
||||
h1,
|
||||
|
@ -81,6 +81,7 @@ h1 {
|
|||
}
|
||||
|
||||
p {
|
||||
text-align: justify;
|
||||
margin: var(--paragraph-margin) 0;
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue