From b6c9db910665703ffa8b1cf40a84f2d06208b1cd Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Tue, 25 Mar 2025 13:50:30 +0100
Subject: [PATCH] Replace navbar styles with utility classes. Move pages styles
 to components. Adjust spacing class names.

---
 README.md                                                | 2 +-
 assets/sass/{navigation => components}/pager/_pager.scss | 0
 assets/sass/components/spacing/_spacing.scss             | 6 +++---
 assets/sass/navigation/navbar/_navbar.scss               | 6 ------
 assets/sass/styles.scss                                  | 6 +-----
 layouts/_default/baseof.html                             | 2 +-
 layouts/_default/full.html                               | 2 +-
 layouts/_default/single.html                             | 2 +-
 layouts/_default/summary.html                            | 2 +-
 layouts/partials/language-selector.html                  | 2 +-
 layouts/partials/menu.html                               | 2 +-
 layouts/podcast/full.html                                | 2 +-
 layouts/podcast/single.html                              | 2 +-
 layouts/shortcodes/search.html                           | 2 +-
 14 files changed, 14 insertions(+), 24 deletions(-)
 rename assets/sass/{navigation => components}/pager/_pager.scss (100%)
 delete mode 100644 assets/sass/navigation/navbar/_navbar.scss

diff --git a/README.md b/README.md
index fdbab56..330489b 100644
--- a/README.md
+++ b/README.md
@@ -62,7 +62,7 @@ Quickstart a new site with the Zen theme by using the [Zen demo repo as a templa
 * New setting `params.internalPagination` to use the Hugo built in pagination template instead of the plain Zen version.
 * New setting `params.sassTranspiler`. Defaults to "libsass" but "dartsass" is also supported.
 * Split sass "reset" dir into "base" dir and pure "reset" file.
-* Added margin top/bottom/block classes, mt--m/mb--m/mtb--m, for all "spacing" variables.
+* Added margin top/bottom/block classes, mt-m/mb-m/mx-m, for all "spacing" variables.
 * New sass components:
     * cards
     * center
diff --git a/assets/sass/navigation/pager/_pager.scss b/assets/sass/components/pager/_pager.scss
similarity index 100%
rename from assets/sass/navigation/pager/_pager.scss
rename to assets/sass/components/pager/_pager.scss
diff --git a/assets/sass/components/spacing/_spacing.scss b/assets/sass/components/spacing/_spacing.scss
index dd69749..accf7a3 100644
--- a/assets/sass/components/spacing/_spacing.scss
+++ b/assets/sass/components/spacing/_spacing.scss
@@ -1,13 +1,13 @@
 @each $name, $space in $spacing {
-  .mt--#{$name} {
+  .mt-#{$name} {
     @include margin-block-start($space);
   }
 
-  .mb--#{$name} {
+  .mb-#{$name} {
     @include margin-block-end($space);
   }
 
-  .mtb--#{$name} {
+  .mx-#{$name} {
     @include margin-block($space);
   }
 }
diff --git a/assets/sass/navigation/navbar/_navbar.scss b/assets/sass/navigation/navbar/_navbar.scss
deleted file mode 100644
index 8b8ab40..0000000
--- a/assets/sass/navigation/navbar/_navbar.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-// Navbar
-
-.navbar {
-  @extend %flex-inline;
-  margin-block: 0;
-}
diff --git a/assets/sass/styles.scss b/assets/sass/styles.scss
index 63d4c11..3ed3ee8 100644
--- a/assets/sass/styles.scss
+++ b/assets/sass/styles.scss
@@ -53,17 +53,13 @@
 @import 'components/list-straight-left/list-straight-left';
 @import 'components/messages/messages';
 @import 'components/meta/meta';
+@import 'components/pager/pager';
 @import 'components/responsive-video/responsive-video';
 @import 'components/spacing/spacing';
 @import 'components/tables/tables';
 @import 'components/tags/tags';
 @import 'components/visually-hidden/visually-hidden';
 
-// Navigation
-
-@import 'navigation/navbar/navbar';
-@import 'navigation/pager/pager';
-
 // Zen styles
 
 @import 'zen';
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 7294327..5b0651c 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -41,7 +41,7 @@
 
 {{ if $.Param "sidebar" }}{{ partial "sidebar.html" . }}{{ end -}}
 
-<footer class="footer layout__footer mt--l">
+<footer class="footer layout__footer mt-l">
 {{ if templates.Exists "partials/footer.html" -}}
 {{ partial "footer.html" . }}
 {{ else -}}
diff --git a/layouts/_default/full.html b/layouts/_default/full.html
index afd2089..4dc2f3b 100644
--- a/layouts/_default/full.html
+++ b/layouts/_default/full.html
@@ -1,6 +1,6 @@
 <article class="full-view{{ with .Section }} full-view--{{ . | urlize }}{{ end }}">
 <header>
-<h1 class="title{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
+<h1 class="title{{ if $.Param "submitted" | default false }} mb-xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
 </header>
 
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 392ed94..baf3c2f 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,7 +2,7 @@
 <main class="main layout__main">
 <article class="single-view{{ with .Section }} single-view--{{ . | urlize }}{{ end }}">
 <header>
-<h1 class="title{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}">{{ .Title }}</h1>
+<h1 class="title{{ if $.Param "submitted" | default false }} mb-xxs{{ end }}">{{ .Title }}</h1>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
 {{ if .Params.tags }}{{ partial "tags.html" . }}{{ end -}}
 </header>
diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html
index 8ec650b..6806c4f 100644
--- a/layouts/_default/summary.html
+++ b/layouts/_default/summary.html
@@ -1,6 +1,6 @@
 <article class="list-view{{ with .Section }} list-view--{{ . | urlize }}{{ end }}">
 <header>
-<h2 class="title mt--s{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
+<h2 class="title mt-s{{ if $.Param "submitted" | default false }} mb-xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . -}}{{ end }}
 </header>
 {{ .Summary }}
diff --git a/layouts/partials/language-selector.html b/layouts/partials/language-selector.html
index 980f159..786edc6 100644
--- a/layouts/partials/language-selector.html
+++ b/layouts/partials/language-selector.html
@@ -3,7 +3,7 @@
 <path d="M848 3a17654 17654 0 00-349 118l-39 13-6 2-171-60-173-62c-2 0-2 6-2 118v119l-50 16-53 19c-5 3-5-19-5 343 0 335 0 336 2 339l6 5a92499 92499 0 00459-150l12-4 10 3 467 148 4 2V302l-45-15-45-14-1-132c0-124-1-132-2-134-4-7-9-8-19-5zm-4 145l-1 117-178-57-178-57L843 30l1 118zM458 481l-1 319-216 72-216 72V305l215-72 217-72 1 320zm262-131c17 4 30 9 30 9 1 0 20 67 42 149l57 203 15 56-64-19a2060 2060 0 01-24-84 2094 2094 0 00-130-40l-15 33-14 34-64-18 22-55 55-136 46-112c10-24 13-30 14-30l31 10z"/>
 <path d="M257 360l-35 9c-23 7-25 7-34 7a72 72 0 01-20-3c-1 1 2 11 5 18 4 8 13 17 23 21 6 3 7 3 18 3 19 0 37-6 52-17 12-8 16-18 15-29-2-11-8-13-24-9zM335 413l-35 16c-13 7-23 12-28 13l-38 12a1636 1636 0 01-106 32c-19 3-17 2-17 9l2 8c2 4 9 10 14 12 12 6 42 3 51-6 2-2 3-3 3-7v-6l31-10 40-11a515 515 0 0148-13l-48 96c-10 19-23 40-45 71l-52 71-55 64-7 8h4c7 0 17-2 20-4a929 929 0 00149-179l23 17c26 20 30 23 51 35 25 14 39 21 56 27 8 2 12 3 13 1 1-4-6-30-9-33l-26-12-47-20-40-17-16-7 10-17c22-35 34-56 53-95l20-40 1-10v-11h-3l-17 6zM716 451l-23 56-23 55 86 26a4814 4814 0 00-40-137zM680 972a460 460 0 0026 44 422 422 0 01-319 66 517 517 0 01-175-66c-7-3-14-2-17 4-2 3-2 9 0 12s24 16 46 27a536 536 0 00222 53c36 1 39 0 68-4a480 480 0 00181-65l8-5 12 21 13 19 7-19 17-48 10-32-99-7z"/>
 </svg>
-<ul class="navbar">
+<ul class="flex-inline mb-0">
 {{ if .IsTranslated -}}
 {{ range .Translations -}}
 <li><a rel="alternate" href="{{ .RelPermalink }}" hreflang="{{ .Site.Language.LanguageCode | default .Lang }}" lang="{{ .Site.Language.LanguageCode | default .Lang }}">{{ .Language.LanguageName }}</a></li>
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
index a5f015e..b1e8bf0 100644
--- a/layouts/partials/menu.html
+++ b/layouts/partials/menu.html
@@ -1,5 +1,5 @@
 <nav class="main-menu{{ if not ($.Param "menuinheader") }} layout__navigation{{ end }}" aria-label="{{ i18n "menu_title" }}">
-<ul class="navbar">
+<ul class="flex-inline mb-0">
 {{ $currentPage := . -}}
 {{ range site.Menus.main -}}
 <li><a href="{{ .URL | relLangURL }}"{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} aria-current="page"{{ end }}>{{ .Pre }}<span>{{ or (i18n .Identifier) .Name | safeHTML }}</span>{{ .Post }}</a></li>
diff --git a/layouts/podcast/full.html b/layouts/podcast/full.html
index a31cf45..109396b 100644
--- a/layouts/podcast/full.html
+++ b/layouts/podcast/full.html
@@ -1,6 +1,6 @@
 <article class="full-view{{ with .Section }} full-view--{{ . | urlize }}{{ end }}">
 <header>
-<h1 class="title{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
+<h1 class="title{{ if $.Param "submitted" | default false }} mb-xxs{{ end }}"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h1>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
 </header>
 
diff --git a/layouts/podcast/single.html b/layouts/podcast/single.html
index 55ba41d..7bc1fc7 100644
--- a/layouts/podcast/single.html
+++ b/layouts/podcast/single.html
@@ -2,7 +2,7 @@
 <main class="main layout__main">
 <article class="single-view{{ with .Section }} single-view--{{ . | urlize }}{{ end }}">
 <header>
-<h1 class="title{{ if $.Param "submitted" | default false }} mb--xxs{{ end }}">{{ .Title }}</h1>
+<h1 class="title{{ if $.Param "submitted" | default false }} mb-xxs{{ end }}">{{ .Title }}</h1>
 {{ if $.Param "submitted" | default false }}{{ partial "submitted.html" . }}{{ end -}}
 {{ if .Params.tags }}{{ partial "tags.html" . }}{{ end -}}
 </header>
diff --git a/layouts/shortcodes/search.html b/layouts/shortcodes/search.html
index d88484f..8cc04cc 100644
--- a/layouts/shortcodes/search.html
+++ b/layouts/shortcodes/search.html
@@ -13,7 +13,7 @@
 <template>
   <article class="search-result list-view">
     <header>
-      <h2 class="title mt--s mb--xxs"><a href="#">Title here</a></h2>
+      <h2 class="title mt-s mb-xxs"><a href="#">Title here</a></h2>
       <div class="submitted"><time class="created-date">Date here</time></div>
     </header>
     <p class="content">Summary here</p>