diff options
author | Volpeon <git@volpeon.ink> | 2021-01-07 08:50:48 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-01-07 08:50:48 +0100 |
commit | ad478954cf77842364d03e1d5ee85e366e699ee7 (patch) | |
tree | 90359dfec83694a758878b37510d9dca1493ef43 /assets/css/components/_hero.scss | |
parent | Improved subpage organization code in metadata filter (diff) | |
download | volpeon.ink-ad478954cf77842364d03e1d5ee85e366e699ee7.tar.gz volpeon.ink-ad478954cf77842364d03e1d5ee85e366e699ee7.tar.bz2 volpeon.ink-ad478954cf77842364d03e1d5ee85e366e699ee7.zip |
Improved general structure, resolve category name in metadata filter, added hideable nav items, added header for page layout
Diffstat (limited to 'assets/css/components/_hero.scss')
-rw-r--r-- | assets/css/components/_hero.scss | 34 |
1 files changed, 34 insertions, 0 deletions
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 @@ | |||
1 | .c-hero { | ||
2 | margin-bottom: $line-height * 2em; | ||
3 | margin-left: -1 * $page--item-prefix--width; | ||
4 | padding-left: $page--item-prefix--width; | ||
5 | overflow: hidden; | ||
6 | |||
7 | &::after { | ||
8 | content: str-repeat('░', 120); | ||
9 | display: block; | ||
10 | position: relative; | ||
11 | z-index: -10; | ||
12 | height: $line-height; | ||
13 | margin-top: px-to-em(2px); | ||
14 | margin-left: -1 * $page--item-prefix--width; | ||
15 | padding-top: px-to-em(2px); | ||
16 | border-top: 1px solid var(--fg-hi); | ||
17 | color: var(--fg-hi); | ||
18 | line-height: $code-block--line-height; | ||
19 | } | ||
20 | |||
21 | &__pre { | ||
22 | margin-top: 0; | ||
23 | overflow: hidden; | ||
24 | } | ||
25 | |||
26 | @media (max-width: map-get($breakpoints, 'sm')) { | ||
27 | margin-left: 0; | ||
28 | padding-left: 0; | ||
29 | |||
30 | &::after { | ||
31 | margin-left: 0; | ||
32 | } | ||
33 | } | ||
34 | } | ||