Add USA header to base templates

2018-10-02 11:14:39 -04:00
parent ad49d3f71f
commit 943be0707d
5 changed files with 46 additions and 0 deletions
--- a/styles/components/_usa_banner.scss
+++ b/styles/components/_usa_banner.scss
@@ -0,0 +1,27 @@
+.usa-banner {
+  display: flex;
+  align-items: center;
+  padding: ($gap / 2) $gap;
+  z-index: 5;
+
+  img {
+    flex-grow: 0;
+    margin-right: $gap;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  button.icon-tooltip {
+    @include small-label;
+    color: $color-blue;
+    padding: 0 ($gap / 2);
+    margin: 0 ($gap / 2);
+    font-weight: normal;
+
+    .icon {
+      @include icon-size(12);
+    }
+  }
+}