Fix the max body width

This commit is contained in:
Gregory Trolliet 2020-11-23 21:38:34 +01:00
parent e0eff29da3
commit 844ca51a49
1 changed files with 5 additions and 8 deletions

View File

@ -10,12 +10,8 @@
--color02: #ab7026; --color02: #ab7026;
--color02_bright: #ea9a36; --color02_bright: #ea9a36;
--nav-maxwidth: 900px;
--nav-height: 5em;
--body-maxwidth: 900px; --body-maxwidth: 900px;
--footer-maxwidth: 900px;
--footer-height: 3em; --footer-height: 3em;
--padding-border: 1em;
} }
/******************* Page *******************/ /******************* Page *******************/
@ -30,9 +26,10 @@ html {
min-height: 100vh min-height: 100vh
} }
body { body {
margin: 0; margin: auto;
position: relative; position: relative;
height: 100%; height: 100%;
max-width: var(--body-maxwidth);
} }
html, body { html, body {
height: 100%; height: 100%;
@ -64,15 +61,15 @@ footer, #page-wrap:after {
position: relative; position: relative;
padding: 2rem 1rem; padding: 2rem 1rem;
} }
#navbar .title{
font-size: 2em;
}
#navbar-right { #navbar-right {
position: absolute; position: absolute;
right: 1em; right: 1em;
bottom: 2em; bottom: 2em;
} }
#navbar .title{
font-size: 2em;
}
/******************* Footer *******************/ /******************* Footer *******************/