initial template

2019-01-24 23:42:13 -08:00
parent 3d601ba57c
commit 0fdcbd4f26
28 changed files with 4044 additions and 0 deletions
@@ -0,0 +1,89 @@
+.site-footer {
+    @include font-size(8, mobile, true, true, true);
+    @if ( get-font-size(8, desktop) != get-font-size(8, mobile) ) {
+        @include media( '>medium' ) {
+            @include font-size(8, desktop, true, true, true);
+        }
+    }
+    color: color(typography, 3);
+    border-top: 1px solid color(bg, 3);
+
+    a {
+        @include anchor-aspect(footer);
+    }
+}
+
+.site-footer-inner {
+    position: relative; /* To display all elements above the background color */
+    display: flex;
+    flex-wrap: wrap;
+    padding-top: 40px;
+    padding-bottom: 40px;
+}
+
+.footer-brand,
+.footer-links,
+.footer-social-links,
+.footer-copyright {
+    flex: none;
+    width: 100%;
+    display: inline-flex;
+    justify-content: center;
+}
+
+.footer-brand,
+.footer-links,
+.footer-social-links {
+    margin-bottom: 24px;
+}
+
+.footer-links,
+.footer-social-links {
+
+    li {
+
+        + li {
+            margin-left: 16px;
+        }
+    }
+}
+
+.footer-social-links {
+
+    li {
+        display: inline-flex;
+
+        a {
+            padding: 8px;
+        }
+    }
+}
+
+@include media( '>medium' ) {
+
+    .site-footer-inner {
+        justify-content: space-between;
+    }
+
+    .footer-brand,
+    .footer-links,
+    .footer-social-links,
+    .footer-copyright {
+        flex: 50%;
+    }
+
+    .footer-brand,
+    .footer-copyright {
+        justify-content: flex-start;
+    }
+
+    .footer-links,
+    .footer-social-links {
+        justify-content: flex-end;
+    }
+
+    .footer-links {
+        order: 1;
+        margin-bottom: 0;
+    }
+}