1 files changed, 27 insertions, 0 deletions
diff --git a/themes/hugo-whisper-theme/assets/scss/components/_hamburger.scss b/themes/hugo-whisper-theme/assets/scss/components/_hamburger.scss
new file mode 100644
index 0000000..2400ddc
--- /dev/null
+++ b/themes/hugo-whisper-theme/assets/scss/components/_hamburger.scss
@@ -0,0 +1,27 @@
+.hamburger {
+  padding: 10px 0 10px 10px;
+  outline: none;
+  z-index: 30;
+  cursor: pointer;
+  @include media-breakpoint-up(md) {
+    display: none;
+  }
+  &:focus {
+    outline: none;
+  }
+  .hamburger-inner,
+  .hamburger-inner::before,
+  .hamburger-inner::after {
+    background: $primary;
+  }
+  .hamburger-inner::after {
+    width: 18px;
+    right: 0;
+  }
+  &.is-active {
+    .hamburger-inner::after {
+      width: inherit;
+      right: unset;
+    }
+  }
+}