diff options
author | Volpeon <git@volpeon.ink> | 2020-12-24 15:05:32 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2020-12-24 15:05:32 +0100 |
commit | 714d8f7ff8425e4177ff6bde4d214ef75be6b1ab (patch) | |
tree | bc343dd424b14bcadef61a80bfe7d423c139445c /assets/css/components | |
parent | Improved typography (diff) | |
download | volpeon.ink-714d8f7ff8425e4177ff6bde4d214ef75be6b1ab.tar.gz volpeon.ink-714d8f7ff8425e4177ff6bde4d214ef75be6b1ab.tar.bz2 volpeon.ink-714d8f7ff8425e4177ff6bde4d214ef75be6b1ab.zip |
Added header, improved SCSS structure, use metadata file instead of param, improved folder structure
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_nav.scss | 14 | ||||
-rw-r--r-- | assets/css/components/_page-header.scss | 17 | ||||
-rw-r--r-- | assets/css/components/_refs.scss | 7 |
3 files changed, 38 insertions, 0 deletions
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss new file mode 100644 index 0000000..1fc24f9 --- /dev/null +++ b/assets/css/components/_nav.scss | |||
@@ -0,0 +1,14 @@ | |||
1 | .c-nav { | ||
2 | margin-bottom: $line-height * 2rem; | ||
3 | |||
4 | &::before { | ||
5 | content: "//\\"; | ||
6 | color: var(--page-item-prefix-fg); | ||
7 | } | ||
8 | |||
9 | &__item { | ||
10 | margin-left: 2ch; | ||
11 | color: var(--fg); | ||
12 | text-decoration: none; | ||
13 | } | ||
14 | } | ||
diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_page-header.scss new file mode 100644 index 0000000..29eef00 --- /dev/null +++ b/assets/css/components/_page-header.scss | |||
@@ -0,0 +1,17 @@ | |||
1 | .c-page-header { | ||
2 | margin-bottom: $line-height * 2rem; | ||
3 | overflow: hidden; | ||
4 | |||
5 | &::after { | ||
6 | position: relative; | ||
7 | z-index: -10; | ||
8 | content: str-repeat("░", 120); | ||
9 | display: block; | ||
10 | height: $line-height; | ||
11 | margin-top: px-to-em(2px); | ||
12 | padding-top: px-to-em(2px); | ||
13 | color: var(--fg-minus); | ||
14 | border-top: 1px solid var(--fg-minus); | ||
15 | line-height: $code-block-line-height; | ||
16 | } | ||
17 | } | ||
diff --git a/assets/css/components/_refs.scss b/assets/css/components/_refs.scss new file mode 100644 index 0000000..b90252d --- /dev/null +++ b/assets/css/components/_refs.scss | |||
@@ -0,0 +1,7 @@ | |||
1 | .c-refs__item { | ||
2 | padding-left: 0; | ||
3 | |||
4 | &::before { | ||
5 | display: none; | ||
6 | } | ||
7 | } | ||