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,55 @@
+.site-header {
+    position: relative;
+    padding: 24px 0;
+
+    &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 500px;
+        background: mix(color(secondary, 1), color(additional, 2));
+        background: linear-gradient(57deg, color(secondary, 1) 0%, color(additional, 2) 100%);
+        transform-origin: 0;
+        transform: skewY(-12deg);
+    }
+}
+
+.site-header-inner {
+    position: relative; /* To display all elements above the background color */
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.header-links {
+    display: inline-flex;
+
+    li {
+        display: inline-flex;
+    }
+
+    a:not(.button) {
+        @include font-size(9, mobile, true, true, true);
+        @if ( get-font-size(9, desktop) != get-font-size(9, mobile) ) {
+            @include media( '>medium' ) {
+                @include font-size(9, desktop, true, true, true);
+            }
+        }
+        @include font-weight(bold);
+        @include anchor-aspect(header);
+        line-height: 16px;
+        padding: 8px 24px;
+    }
+}
+
+@include media( '>medium' ) {
+
+    .site-header {
+
+        &::before {
+            height: 640px;
+        }
+    }
+}