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 | |
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')
-rw-r--r-- | assets/css/components/_hero.scss (renamed from assets/css/components/_page-header.scss) | 2 | ||||
-rw-r--r-- | assets/css/components/_page.scss | 14 |
2 files changed, 15 insertions, 1 deletions
diff --git a/assets/css/components/_page-header.scss b/assets/css/components/_hero.scss index e97aaf7..7fa79e1 100644 --- a/assets/css/components/_page-header.scss +++ b/assets/css/components/_hero.scss | |||
@@ -1,4 +1,4 @@ | |||
1 | .c-page-header { | 1 | .c-hero { |
2 | margin-bottom: $line-height * 2em; | 2 | margin-bottom: $line-height * 2em; |
3 | margin-left: -1 * $page--item-prefix--width; | 3 | margin-left: -1 * $page--item-prefix--width; |
4 | padding-left: $page--item-prefix--width; | 4 | padding-left: $page--item-prefix--width; |
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss index bccf069..ce67f7e 100644 --- a/assets/css/components/_page.scss +++ b/assets/css/components/_page.scss | |||
@@ -1,4 +1,18 @@ | |||
1 | .c-page { | 1 | .c-page { |
2 | &__header { | ||
3 | margin-bottom: $line-height * 1em; | ||
4 | |||
5 | &__title { | ||
6 | margin-top: 0; | ||
7 | } | ||
8 | |||
9 | &__meta { | ||
10 | margin-top: 0; | ||
11 | color: var(--fg-hi); | ||
12 | font-weight: normal; | ||
13 | } | ||
14 | } | ||
15 | |||
2 | &__content { | 16 | &__content { |
3 | padding-left: $page--item-prefix--width; | 17 | padding-left: $page--item-prefix--width; |
4 | 18 | ||