diff options
author | Volpeon <git@volpeon.ink> | 2021-01-07 20:23:18 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-01-07 20:23:18 +0100 |
commit | b846debebc24a699b9feef9af10233ff1a876bbd (patch) | |
tree | 50edda285a541cbd161a3f2225a099fbbe397b5f /assets | |
parent | Improved general structure, resolve category name in metadata filter, added h... (diff) | |
download | volpeon.ink-b846debebc24a699b9feef9af10233ff1a876bbd.tar.gz volpeon.ink-b846debebc24a699b9feef9af10233ff1a876bbd.tar.bz2 volpeon.ink-b846debebc24a699b9feef9af10233ff1a876bbd.zip |
Small design adjustments, added support for code blocks marked as 'plain'
Diffstat (limited to 'assets')
-rw-r--r-- | assets/css/_basics.scss | 2 | ||||
-rw-r--r-- | assets/css/components/_page.scss | 17 | ||||
-rw-r--r-- | assets/css/scopes/_code.scss | 14 |
3 files changed, 29 insertions, 4 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index b18ca57..cbdfb9a 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -175,7 +175,7 @@ p { | |||
175 | 175 | ||
176 | hr { | 176 | hr { |
177 | height: 1px; | 177 | height: 1px; |
178 | margin: ($line-height * 2em) 0; | 178 | margin: ($line-height * 1em) 0; |
179 | border: 0; | 179 | border: 0; |
180 | background-color: var(--obj); | 180 | background-color: var(--obj); |
181 | } | 181 | } |
diff --git a/assets/css/components/_page.scss b/assets/css/components/_page.scss index ce67f7e..87d5413 100644 --- a/assets/css/components/_page.scss +++ b/assets/css/components/_page.scss | |||
@@ -2,6 +2,14 @@ | |||
2 | &__header { | 2 | &__header { |
3 | margin-bottom: $line-height * 1em; | 3 | margin-bottom: $line-height * 1em; |
4 | 4 | ||
5 | &::after { | ||
6 | content: '--'; | ||
7 | display: block; | ||
8 | margin-bottom: $line-height * -1em; | ||
9 | color: var(--fg-hi); | ||
10 | line-height: 2 * $line-height; | ||
11 | } | ||
12 | |||
5 | &__title { | 13 | &__title { |
6 | margin-top: 0; | 14 | margin-top: 0; |
7 | } | 15 | } |
@@ -44,14 +52,21 @@ | |||
44 | text-align: right; | 52 | text-align: right; |
45 | } | 53 | } |
46 | 54 | ||
55 | $h1-unscale-factor: px-to-em($font-size, $content--h1--font-size); | ||
56 | |||
47 | &--h1 { | 57 | &--h1 { |
58 | margin-top: $line-height * $h1-unscale-factor; | ||
48 | font-size: px-to-em($content--h1--font-size); | 59 | font-size: px-to-em($content--h1--font-size); |
49 | 60 | ||
50 | &::before { | 61 | &::before { |
51 | content: '#'; | 62 | content: '#'; |
52 | font-size: px-to-em($font-size, $content--h1--font-size); | 63 | font-size: $h1-unscale-factor; |
53 | } | 64 | } |
54 | } | 65 | } |
66 | |||
67 | &--h1 + &--h1 { | ||
68 | margin-top: $line-height * $h1-unscale-factor; | ||
69 | } | ||
55 | 70 | ||
56 | &--h2::before { | 71 | &--h2::before { |
57 | content: '##'; | 72 | content: '##'; |
diff --git a/assets/css/scopes/_code.scss b/assets/css/scopes/_code.scss index f6697aa..f024dbd 100644 --- a/assets/css/scopes/_code.scss +++ b/assets/css/scopes/_code.scss | |||
@@ -1,18 +1,28 @@ | |||
1 | .s-code { | 1 | .s-code { |
2 | pre, | ||
3 | code { | ||
4 | color: var(--fg-lo); | ||
5 | } | ||
6 | |||
2 | pre { | 7 | pre { |
3 | overflow-x: auto; | 8 | overflow-x: auto; |
4 | color: var(--fg-lo); | ||
5 | font-size: 1em; | 9 | font-size: 1em; |
6 | line-height: $line-height; | 10 | line-height: $line-height; |
7 | } | 11 | } |
8 | 12 | ||
13 | &--plain { | ||
14 | pre, | ||
15 | code { | ||
16 | color: var(--fg); | ||
17 | } | ||
18 | } | ||
19 | |||
9 | /* stylelint-disable selector-class-pattern */ | 20 | /* stylelint-disable selector-class-pattern */ |
10 | 21 | ||
11 | .c { | 22 | .c { |
12 | color: var(--fg-hi); | 23 | color: var(--fg-hi); |
13 | } | 24 | } |
14 | 25 | ||
15 | .nt, | ||
16 | .kt, | 26 | .kt, |
17 | .k, | 27 | .k, |
18 | .kr, | 28 | .kr, |