split up layout and global file and clean up markup

2017-10-02 15:10:24 +02:00
parent 090e0e332a
commit bf1e00c1e9
22 changed files with 395 additions and 243 deletions
--- a/assets/stylesheets/global/main-navigation.css
+++ b/assets/stylesheets/global/main-navigation.css
@@ -0,0 +1,40 @@
+@block main-navigation {
+    & ul {
+      display: flex;
+      list-style: none;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin: 0;
+      padding: 0;
+
+      @media (--breakpoint-desktop) {
+        justify-content: flex-end;
+      }
+
+      & li {
+        margin: 0;
+
+        & + li {
+          margin-left: calc(var(--grid-gutter) / 4);
+        }
+
+        & a {
+          display: block;
+          text-transform: uppercase;
+          font-weight: bold;
+          padding: 0.7em 1em;
+          color: var(--color-text-grey);
+          border-radius: var(--border-radius);
+
+          &.active,
+          &:hover {
+            background: var(--color-bg-grey);
+          }
+
+          &.active {
+            color: var(--color-text-default);
+          }
+        }
+      }
+    }
+  }