From 3a3baddad1c801d77dc398d2c6980f3c14f4a47c Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sat, 30 Oct 2021 22:11:00 +0200
Subject: chore: move htdocs to repo root

---
 src/scss/layout/_footer.scss | 40 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/scss/layout/_footer.scss

(limited to 'src/scss/layout/_footer.scss')

diff --git a/src/scss/layout/_footer.scss b/src/scss/layout/_footer.scss
new file mode 100644
index 0000000..7dce0dc
--- /dev/null
+++ b/src/scss/layout/_footer.scss
@@ -0,0 +1,40 @@
+@use "../abstracts/functions" as fun;
+@use "../abstracts/mixins" as mix;
+
+.footer {
+  align-items: center;
+  background: fun.get-var(color-bg-secondary);
+  border-top: fun.convert-px(1) solid fun.get-var(color-border-light);
+  display: flex;
+  flex-flow: row wrap;
+  font-family: fun.get-var(font-family-secondary);
+  font-size: fun.get-var(font-size-md);
+  gap: fun.get-var(spacing-3xs);
+  justify-content: center;
+  padding: fun.get-var(spacing-sm) fun.get-var(spacing-md)
+    calc(#{fun.get-var(toolbar-height)} + #{fun.get-var(spacing-sm)});
+
+  @include mix.media("screen") {
+    @include mix.dimensions("lg") {
+      box-shadow: 0 -1px 2px 0 fun.get-var(color-shadow);
+      padding: fun.get-var(spacing-sm) fun.get-var(spacing-md);
+    }
+  }
+
+  .nav {
+    display: inline-flex;
+    gap: fun.get-var(spacing-3xs);
+
+    &::after {
+      content: "/";
+    }
+  }
+}
+
+.copyright {
+  align-items: center;
+  display: flex;
+  flex-flow: row wrap;
+  gap: fun.get-var(spacing-3xs);
+  justify-content: center;
+}
-- 
cgit v1.2.3