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: '##'; |
