Fix the max body width
This commit is contained in:
parent
e0eff29da3
commit
844ca51a49
1 changed files with 5 additions and 8 deletions
|
@ -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 *******************/
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue