From 714d8f7ff8425e4177ff6bde4d214ef75be6b1ab Mon Sep 17 00:00:00 2001 From: Volpeon Date: Thu, 24 Dec 2020 15:05:32 +0100 Subject: Added header, improved SCSS structure, use metadata file instead of param, improved folder structure --- assets/css/components/_nav.scss | 14 ++++++++++++++ assets/css/components/_page-header.scss | 17 +++++++++++++++++ assets/css/components/_refs.scss | 7 +++++++ 3 files changed, 38 insertions(+) create mode 100644 assets/css/components/_nav.scss create mode 100644 assets/css/components/_page-header.scss create mode 100644 assets/css/components/_refs.scss (limited to 'assets/css/components') 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 @@ +.c-nav { + margin-bottom: $line-height * 2rem; + + &::before { + content: "//\\"; + color: var(--page-item-prefix-fg); + } + + &__item { + margin-left: 2ch; + color: var(--fg); + text-decoration: none; + } +} 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 @@ +.c-page-header { + margin-bottom: $line-height * 2rem; + overflow: hidden; + + &::after { + position: relative; + z-index: -10; + content: str-repeat("░", 120); + display: block; + height: $line-height; + margin-top: px-to-em(2px); + padding-top: px-to-em(2px); + color: var(--fg-minus); + border-top: 1px solid var(--fg-minus); + line-height: $code-block-line-height; + } +} 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 @@ +.c-refs__item { + padding-left: 0; + + &::before { + display: none; + } +} -- cgit v1.2.3-70-g09d2