From 91cf18fb93c0aa64c9dbbb29f665c302cf4a052b Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Wed, 3 Nov 2021 10:00:04 +0100
Subject: [PATCH] feat: add vertical navbar and simplified footer

---
 .../02-simplified-footer/simplified-footer.mustache   |  4 ++++
 .../11-vertical-navbar/vertical-navbar.mustache       | 10 ++++++++++
 source/css/organisms/vertical-navbar.pcss             | 11 +++++++++++
 source/css/style.pcss                                 |  1 +
 tailwind.config.js                                    |  5 +++--
 5 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache
 create mode 100644 source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache
 create mode 100644 source/css/organisms/vertical-navbar.pcss

diff --git a/source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache b/source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache
new file mode 100644
index 0000000..d42294a
--- /dev/null
+++ b/source/_patterns/02-organisms/02-simplified-footer/simplified-footer.mustache
@@ -0,0 +1,4 @@
+<footer class="border-t border-grey-125 pt-4 flex flex-col md:flex-row md:justify-between space-y-4">
+  <img src="/images/logo-full-black.svg" class="w-32" alt="Pirátská strana" />
+  <p>Piráti, 2021. Všechna práva vyhlazena.</p>
+</footer>
diff --git a/source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache b/source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache
new file mode 100644
index 0000000..28d4bba
--- /dev/null
+++ b/source/_patterns/02-organisms/11-vertical-navbar/vertical-navbar.mustache
@@ -0,0 +1,10 @@
+<div class="vertical-navbar">
+  <ul class="vertical-navbar__items">
+    <li class="vertical-navbar__item"><a aria-current="page" href="/">RozcestnĂ­k</a></li>
+    <li class="vertical-navbar__item vertical-navbar__item--active"><a aria-current="page" href="/registrace">Registrace</a></li>
+    <li class="vertical-navbar__item"><a href="/ubytovani">Ubytování</a></li>
+    <li class="vertical-navbar__item"><a href="/mapa">Mapa</a></li>
+    <li class="vertical-navbar__item"><a href="/organizatori">Organizátoři</a></li>
+    <li class="vertical-navbar__item"><a href="/pro-dobrovolniky">Pro dobrovolnĂ­ky</a></li>
+  </ul>
+</div>
diff --git a/source/css/organisms/vertical-navbar.pcss b/source/css/organisms/vertical-navbar.pcss
new file mode 100644
index 0000000..8309aa7
--- /dev/null
+++ b/source/css/organisms/vertical-navbar.pcss
@@ -0,0 +1,11 @@
+.vertical-navbar {
+  @apply p-8 border-l border-grey-100 bg-grey-50 bg-opacity-50;
+}
+
+.vertical-navbar__items {
+  @apply h-allcaps leading-loose;
+}
+
+.vertical-navbar__item--active {
+  @apply font-bold bg-grey-125 block -mx-8 px-8;
+}
diff --git a/source/css/style.pcss b/source/css/style.pcss
index 1c398c1..9b5561d 100644
--- a/source/css/style.pcss
+++ b/source/css/style.pcss
@@ -63,6 +63,7 @@
 @import "./organisms/navbar.pcss";
 @import "./organisms/subnav.pcss";
 @import "./organisms/region-map.pcss";
+@import "./organisms/vertical-navbar.pcss";
 
 @import "./templates/candidate-detail.pcss";
 @import "./templates/cf2021.pcss";
diff --git a/tailwind.config.js b/tailwind.config.js
index f4640ed..345169c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -20,8 +20,8 @@ module.exports = {
         /^((sm|md|lg|xl)\:)?w-screen/,
         /^((sm|md|lg|xl)\:)?h-\d\d?/,
         /^((sm|md|lg|xl)\:)?h-screen/,
-        /^((sm|md|lg|xl)\:)?m.?-\d\d?/,
-        /^((sm|md|lg|xl)\:)?m.?-auto?/,
+        /^((sm|md|lg|xl)\:)?-?m.?-\d\d?/,
+        /^((sm|md|lg|xl)\:)?-?m.?-auto?/,
         /^((sm|md|lg|xl)\:)?p.?-\d\d?/,
         /^((sm|md|lg|xl)\:)?space-.?-\d\d?/,
         /^((sm|md|lg|xl)\:)?hidden/,
@@ -30,6 +30,7 @@ module.exports = {
         /^((sm|md|lg|xl)\:)?flex/,
         /^((sm|md|lg|xl)\:)?inline-flex/,
         /^((sm|md|lg|xl)\:)?grid/,
+        /^((sm|md|lg|xl)\:)?gap-\d\d?/,
         /^((sm|md|lg|xl)\:)?static/,
         /^((sm|md|lg|xl)\:)?flex-row-*/,
         /^((sm|md|lg|xl)\:)?flex-col-*/,
-- 
GitLab