Enforce margin

merge-requests/8/head
Bob Mottram 2020-09-30 23:04:14 +01:00
parent 280c75f0ce
commit 863f329c96
1 changed files with 27 additions and 3 deletions

View File

@ -61,9 +61,9 @@
--quote-font-weight: normal; --quote-font-weight: normal;
--quote-font-size: 120%; --quote-font-size: 120%;
--line-spacing: 130%; --line-spacing: 130%;
--column-left-width: 0%; --column-left-width: 10%;
--column-center-width: 80%; --column-center-width: 80%;
--column-right-width: 0%; --column-right-width: 10%;
} }
@font-face { @font-face {
@ -89,7 +89,7 @@ body, html {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
max-width: var(--column-center-width); max-width: var(--column-center-width);
min-width: 950px; min-width: 950px;
margin: 0 auto; margin-left: var(--column-left-width);
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
} }
@ -926,6 +926,18 @@ aside .toggle-inside li {
} }
@media screen and (min-width: 400px) { @media screen and (min-width: 400px) {
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);
height: 100%;
font-family: Arial, Helvetica, sans-serif;
max-width: var(--column-center-width);
min-width: 950px;
margin-left: var(--column-left-width);
font-size: var(--font-size);
line-height: var(--line-spacing);
}
.column-left { .column-left {
float: left; float: left;
width: var(--column-left-width); width: var(--column-left-width);
@ -1387,6 +1399,18 @@ aside .toggle-inside li {
} }
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
body, html {
background-color: var(--main-bg-color);
color: var(--main-fg-color);
height: 100%;
font-family: Arial, Helvetica, sans-serif;
max-width: var(--column-center-width);
min-width: 950px;
margin-left: 0;
font-size: var(--font-size);
line-height: var(--line-spacing);
}
.column-left { .column-left {
float: left; float: left;
width: 0%; width: 0%;