1 files changed, 37 insertions, 0 deletions
diff --git a/assets/sass/@primer/css/header/header.scss b/assets/sass/@primer/css/header/header.scss
new file mode 100644
index 0000000..6549f9d
--- /dev/null
+++ b/assets/sass/@primer/css/header/header.scss
@@ -0,0 +1,37 @@
+.Header {
+  z-index: 32; // TODO: Figure out z-index system
+  display: flex;
+  padding: $spacer-3;
+  font-size: $h5-size;
+  line-height: $lh-default;
+  // stylelint-disable-next-line primer/colors
+  color: $white-fade-70;
+  background-color: $bg-gray-dark;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+
+.Header-item {
+  display: flex;
+  margin-right: $spacer-3;
+  align-self: stretch;
+  align-items: center;
+  flex-wrap: nowrap;
+}
+
+.Header-item--full {
+  flex: auto;
+}
+
+.Header-link {
+  font-weight: $font-weight-bold;
+  color: $text-white;
+  white-space: nowrap;
+
+  &:hover,
+  &:focus {
+    // stylelint-disable-next-line primer/colors
+    color: $white-fade-70;
+    text-decoration: none;
+  }
+}