diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_page.scss | 17 |
1 files changed, 16 insertions, 1 deletions
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: '##'; |