From c221b8df0ffbd5860e2c64773030e34bb293397d Mon Sep 17 00:00:00 2001
From: DarkCat09 <gh@dc09.ru>
Date: Sat, 4 Nov 2023 21:23:30 +0400
Subject: [PATCH] Styled menu (work in progress)

---
 themes/qogir/assets/scss/button.scss    |  5 +++--
 themes/qogir/assets/scss/menu.scss      | 18 ++++++++++++++++++
 themes/qogir/layouts/partials/head.html |  2 +-
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 themes/qogir/assets/scss/menu.scss

diff --git a/themes/qogir/assets/scss/button.scss b/themes/qogir/assets/scss/button.scss
index 1ac668e..9658729 100644
--- a/themes/qogir/assets/scss/button.scss
+++ b/themes/qogir/assets/scss/button.scss
@@ -1,6 +1,7 @@
-a.button {
+@mixin button {
+  display: block;
   padding: 0.25rem 0.5rem;
-  border-radius: 0.25rem;
+  // border-radius: 0.25rem;
 
   background: transparent;
   color: $fg;
diff --git a/themes/qogir/assets/scss/menu.scss b/themes/qogir/assets/scss/menu.scss
new file mode 100644
index 0000000..ee9c023
--- /dev/null
+++ b/themes/qogir/assets/scss/menu.scss
@@ -0,0 +1,18 @@
+@import "colors.scss";
+@import "button.scss";
+
+nav ul {
+  list-style: none;
+  margin: 0;
+  margin-bottom: 0.25rem;
+  padding: 0;
+
+  display: flex;
+  flex-direction: row;
+
+  li a {
+    @include button;
+    padding: 0.125rem 0.25rem;
+    background: $base;
+  }
+}
diff --git a/themes/qogir/layouts/partials/head.html b/themes/qogir/layouts/partials/head.html
index 30554d6..b698fb8 100644
--- a/themes/qogir/layouts/partials/head.html
+++ b/themes/qogir/layouts/partials/head.html
@@ -2,5 +2,5 @@
 <meta name="viewport" content="width=device-width">
 <title>{{ if .IsHome }}{{ site.Title }}{{ else }}{{ printf "%s | %s" .Title site.Title }}{{ end }}</title>
 {{ partialCached "head/css.html" (dict "Css" "main") "main" }}
+{{ partialCached "head/css.html" (dict "Css" "menu") "menu" }}
 {{ partialCached "head/css.html" (dict "Css" "post-item") "post-item" }}
-{{ partialCached "head/js.html" . }}