global nav and topbar

2018-07-20 08:29:14 -04:00
parent 7ed3d50c2e
commit 4d949b5922
4 changed files with 129 additions and 0 deletions
--- a/scss/components/_global_navigation.scss
+++ b/scss/components/_global_navigation.scss
@@ -0,0 +1,30 @@
+.global-navigation {
+  background-color: $color-white;
+
+  .sidenav__link {
+    padding-right: $gap;
+
+    @include media($medium-screen) {
+      padding-right: $gap * 2;
+    }
+  }
+
+  .sidenav__link-label {
+    @include hide;
+
+    @include media($medium-screen) {
+      @include unhide;
+      padding-left: $gap;
+    }
+  }
+
+  &.global-navigation__context--workspace {
+    .sidenav__link {
+      padding-right: $gap;
+    }
+
+    .sidenav__link-label {
+      @include hide;
+    }
+  }
+}