diff --git a/assets/styles/millironx.css b/assets/styles/millironx.css index 3b6bd97..d4682bb 100644 --- a/assets/styles/millironx.css +++ b/assets/styles/millironx.css @@ -26,15 +26,6 @@ --font-family-slab-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif; --font-family-system-ui: system-ui, sans-serif; - - /* - Breakpoint - */ - @property --responsive-breakpoint { - syntax: ""; - inherits: false; - initial-value: 768px; - } } /* @@ -45,3 +36,61 @@ html { background-color: light-dark(var(--brown-swiss-gray), var(--eclipse-gray)); font-family: var(--font-family-slab-serif); } + +header { + display: flex; + justify-content: space-evenly; + align-items: center; +} + +nav { + display: flex; + flex-direction: row; + overflow: scroll; + padding-bottom: 1rem; + position: sticky; + top: 0; +} + +/* + Container-type helper classes +*/ +.row { + display: flex; + flex-direction: column; + width: 100%; +} + +/* + Desktop screen size adjustments +*/ +@media (min-width: 768px) { + /* + Default element styles + */ + nav { + flex-direction: column; + padding-right: 1rem; + padding-bottom: 0; + + /* + Workaround for Chrome always showing scrollbar even when scrolling not needed + */ + -ms-overflow-style: none; + scrollbar-width: none; + } + + /* + Continued Chrome workaround + */ + nav::-webkit-scrollbar { + display: none; + } + + /* + Container-type helper classes + */ + .row { + flex-direction: row; + } +} /* end @media */ diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 43bab93..ce29c51 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -17,85 +17,72 @@ -
-
- {{ partial "sidebar" . }} -
-
-
-

- - Milliron X - -   Milliron X -

-
-
- {{ block "main" . }} -
-
- {{ .Content }} -
-
- {{ end }} -
-
-
-
- {{ $brandedbull := resources.Get "graphics/brandedbull.svg" }} - {{ $brandedbullsmall := $brandedbull | resources.Minify }} - -
-
-
- - - - - - - - - - -
-
-
-
-
-
-
+
+ + Milliron X + +

Milliron X

+
+
+ {{ partial "sidebar" . }} +
+ {{ block "main" . }} + {{ .Content }} + {{ end }} +
+
+
+
+
+ {{ $brandedbull := resources.Get "graphics/brandedbull.svg" }} + {{ $brandedbullsmall := $brandedbull | resources.Minify }} + +
+
+
+ + + + + + + + + + +
+
+
+
+
{{ $fontawesome := resources.Get "scripts/fa-icons.js" | js.Build "js/fontawesome.js" | minify }} diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index ae469d4..c5e6473 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -1,48 +1,15 @@ {{ $millironx := resources.Get "graphics/millironx.svg" }} {{ $currentPage := . }}