Use css variables for banner heights

2019-08-30 14:58:18 -04:00
parent ef3654e014
commit 55b12ba633
6 changed files with 17 additions and 13 deletions
--- a/styles/components/_global_layout.scss
+++ b/styles/components/_global_layout.scss
@@ -25,12 +25,12 @@ body {
    margin: $gap;
    flex-grow: 1;
    -ms-flex-negative: 1;
-    top: 68px;
+    top: $usa-banner-height + $topbar-height;
    position: relative;

    @include media($medium-screen) {
      margin: $gap * 2;
-      top: 68px;
+      top: $usa-banner-height + $topbar-height;
    }
  }
 }