From ad478954cf77842364d03e1d5ee85e366e699ee7 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 7 Jan 2021 08:50:48 +0100
Subject: Improved general structure, resolve category name in metadata filter,
 added hideable nav items, added header for page layout

---
 assets/css/components/_hero.scss | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 assets/css/components/_hero.scss

(limited to 'assets/css/components/_hero.scss')

diff --git a/assets/css/components/_hero.scss b/assets/css/components/_hero.scss
new file mode 100644
index 0000000..7fa79e1
--- /dev/null
+++ b/assets/css/components/_hero.scss
@@ -0,0 +1,34 @@
+.c-hero {
+    margin-bottom: $line-height * 2em;
+    margin-left: -1 * $page--item-prefix--width;
+    padding-left: $page--item-prefix--width;
+    overflow: hidden;
+
+    &::after {
+        content: str-repeat('░', 120);
+        display: block;
+        position: relative;
+        z-index: -10;
+        height: $line-height;
+        margin-top: px-to-em(2px);
+        margin-left: -1 * $page--item-prefix--width;
+        padding-top: px-to-em(2px);
+        border-top: 1px solid var(--fg-hi);
+        color: var(--fg-hi);
+        line-height: $code-block--line-height;
+    }
+
+    &__pre {
+        margin-top: 0;
+        overflow: hidden;
+    }
+
+    @media (max-width: map-get($breakpoints, 'sm')) {
+        margin-left: 0;
+        padding-left: 0;
+
+        &::after {
+            margin-left: 0;
+        }
+    }
+}
-- 
cgit v1.2.3-54-g00ecf