From 5bab4502a098eb0e3b5a59b68bc9d8d23529ea55 Mon Sep 17 00:00:00 2001
From: Arne Rief <arne.rief@gmail.com>
Date: Fri, 10 Feb 2023 21:40:00 +0100
Subject: Desktop version

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

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

diff --git a/sass/layout/_footer.scss b/sass/layout/_footer.scss
new file mode 100644
index 0000000..ecfb0a5
--- /dev/null
+++ b/sass/layout/_footer.scss
@@ -0,0 +1,60 @@
+@use "../abstracts" as *;
+
+footer {
+  background-color: $bg-text-container;
+  // delete positioning to make grid footer from body work
+  // position: absolute;
+  // bottom: 0;
+  // left: 0;
+  width: 100%;
+
+  & * {
+    margin: $margin-main;
+  }
+
+  dl {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 2rem;
+
+    & * {
+      color: inherit;
+      font-size: $medium-text;
+      margin: 0.5rem;
+      transition: transform 0.3s;
+    }
+
+    & dd i:hover {
+      @include main-link-hover;
+    }
+  }
+
+  p {
+    text-align: center;
+  }
+
+  .big-icon {
+    font-size: $big-text;
+  }
+}
+
+@media screen and (max-width: 420px) {
+  footer {
+    top: 100;
+
+    & * {
+      margin: $margin-mobile;
+    }
+
+    dl {
+      flex-direction: column;
+      height: max-content;
+
+      & * {
+        font-size: $medium-text-mobile;
+        margin: 0.3rem;
+      }
+    }
+  }
+}
-- 
cgit v1.2.3