diff --git a/content/writing/pynchon/style.scss b/content/writing/pynchon/style.scss index 22b84f1..c53599e 100644 --- a/content/writing/pynchon/style.scss +++ b/content/writing/pynchon/style.scss @@ -1,30 +1,28 @@ @import "variables.scss"; +@import "margin.scss"; body { text-align: left; background-color: white; color: black; - font-family: "Times New Roman"; - font-size: 12pt; - line-height: 14pt; -} -nav, h1, .warning { - display: none; + /* reset to light mode */ + @each $varName, $varDefault in $css-vars { + --#{$varName}: #{$varDefault}; + } } h1, h2, h3, h4, h5, h6 { - color: black; font-family: "Times New Roman" } h2 { font-size: 18pt; + margin-bottom: 0.2in; } -h2 { - display: none; - margin-bottom: 0.2in; +.warning { + max-width: $container-width; } .halfpage { @@ -39,6 +37,14 @@ h2 { h2 { display: block; } + + @media screen and (max-width: 5.5in) { + width: auto; + height: auto; + margin: 0; + border-left: none; + border-right: none; + } } p { @@ -46,12 +52,38 @@ p { margin-bottom: 0.1in; } +html .container { + max-width: 12in; + position: static; + + &:not(main) { + @include below-two-margins { + padding: 0 $container-min-padding 0 $container-min-padding; + } + } +} + main.container { + font-family: "Times New Roman"; + font-size: 12pt; + line-height: 14pt; + display: flex; - max-width: none; - left: 0; + box-sizing: border-box; flex-wrap: wrap; - justify-content: flex-start; + justify-content: left; + + & > h2 { + display: none; /* copied title is on the page */ + } + + @media screen and (max-width: 5.5in) { + display: block; + } + + @media screen and (max-width: 12in) { + justify-content: center; + } } hr {