diff --git a/assets/css/reset.css b/assets/css/reset.css index f8c77bd..1951aaf 100644 --- a/assets/css/reset.css +++ b/assets/css/reset.css @@ -1,13 +1,6 @@ /* * -- RESET -- */ - -body * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea { margin: 0; padding: 0; diff --git a/assets/css/style.css b/assets/css/style.css index 223ef7f..5346fe3 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -3,9 +3,9 @@ */ * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -webkit-box-sizing: border-box !important; + -moz-box-sizing: border-box !important; + box-sizing: border-box !important; } ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, textarea { @@ -36,8 +36,10 @@ form { * Most of these are inherited from Base, but I want to change a few. */ body, html { + scroll-behavior: smooth; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; + height: 100vh; font-size: 1rem; font-family: "Open Sans", sans-serif; color: #221E22; @@ -111,21 +113,41 @@ header * { height: 3rem !important; width: 3rem !important; } - @media screen and (max-height: 1090px) { - .content, - .ribbon-wrapper, - .content-team { - position: relative !important; - } - } +} +@media screen and (max-height: 800px) { + .content, + .ribbon-wrapper, + .content-team { + top: 0 !important; + padding: 1rem !important; + } + .content-head { + margin-bottom: 5px; + } + .content { + position: relative !important; + } + .g { + position: sticky !important; + max-height: min-content !important; + padding: unset; + } + .l-box { + margin: unset; + padding: 5px !important; + } + .l-box > * { + margin: unset; + padding: unset; + } } /* * -- BODY -- */ .body-wrapper { - top: 4rem; + margin-top: 4rem; } .body-wrapper a { font-weight: bold; @@ -181,11 +203,11 @@ header * { } .content .g .l-box { flex: 1; - text-align: justify-all; - padding-inline-end: 2rem; + min-width: 10rem; + margin-right: 24px; } -.content + * { +.content ~ * { z-index: 3; position: sticky; top: 4rem; diff --git a/index.html b/index.html index 4847e1c..4297fd4 100644 --- a/index.html +++ b/index.html @@ -126,13 +126,11 @@ - - - +