Add style to Footer

2021-09-29 19:19:25 +02:00
parent 1409dc0894
commit e0d048fe8c
5 changed files with 89 additions and 6 deletions
--- a/src/style/organisms/_footer.scss
+++ b/src/style/organisms/_footer.scss
@@ -0,0 +1,51 @@
+.footer {
+    height: 120px;
+    background-color: $color-primary-darker;
+
+    .container {
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+    }
+
+    .site-title {
+        grid-column: 2 / span 3;
+        grid-row: 1;
+    }
+
+    &__links {
+        grid-column: 6 / span 15;
+        grid-row: 1;
+
+        ul {
+            display: flex;
+            justify-content: center;
+        }
+        li {
+            display: block;
+            margin: 0 16px;
+        }
+        a {
+            display: block;
+            color: #fff;
+            text-decoration: none;
+            font-size: rem(16px);
+            line-height: 1.3;
+        }
+        svg {
+            margin-right: 16px;
+        }
+    }
+
+    &__ctf {
+        grid-column: 19 / span 5;
+        grid-row: 1;
+        margin-left: auto;
+
+        span {
+            font-size: rem(12px);
+            color: $color-lilas-bright;
+            margin-right: 24px;
+        }
+    }
+}