diff options
author | Volpeon <git@volpeon.ink> | 2021-05-25 17:15:38 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-25 17:15:38 +0200 |
commit | cd76576c04196db2157377a8ab131e64d9dea7b7 (patch) | |
tree | 72bb22b4d5809f8a8d062a8b0e864184baa019e3 | |
parent | Display single page date in a box (diff) | |
download | volpeon.ink-cd76576c04196db2157377a8ab131e64d9dea7b7.tar.gz volpeon.ink-cd76576c04196db2157377a8ab131e64d9dea7b7.tar.bz2 volpeon.ink-cd76576c04196db2157377a8ab131e64d9dea7b7.zip |
Improved headings
-rw-r--r-- | assets/css/_basics.scss | 3 | ||||
-rw-r--r-- | assets/css/_vars.scss | 4 | ||||
-rw-r--r-- | assets/css/scopes/_headlines.scss | 19 |
3 files changed, 5 insertions, 21 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss index 741061f..9a6a53e 100644 --- a/assets/css/_basics.scss +++ b/assets/css/_basics.scss | |||
@@ -146,9 +146,10 @@ h3, | |||
146 | h4, | 146 | h4, |
147 | h5, | 147 | h5, |
148 | h6 { | 148 | h6 { |
149 | @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale); | ||
150 | |||
149 | margin: ($line-height * 2rem) 0 0; | 151 | margin: ($line-height * 2rem) 0 0; |
150 | color: prop(--colors --fg-lo); | 152 | color: prop(--colors --fg-lo); |
151 | font-size: 1 / 16 * 14em; | ||
152 | font-weight: 700; | 153 | font-weight: 700; |
153 | letter-spacing: 1px; | 154 | letter-spacing: 1px; |
154 | text-transform: uppercase; | 155 | text-transform: uppercase; |
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index d22ea64..4dc709b 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -13,8 +13,8 @@ $unit-intervals: ( | |||
13 | ); | 13 | ); |
14 | 14 | ||
15 | $responsive-mod-scale: ( | 15 | $responsive-mod-scale: ( |
16 | xs: (.8rem, 1.28), | 16 | xs: (1 / 16 * 14rem, 1.28), |
17 | md: (.8rem, 1.53) | 17 | md: (1 / 16 * 14rem, 1.49) |
18 | ); | 18 | ); |
19 | 19 | ||
20 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; | 20 | $font-fam--text: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif; |
diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss index 03d6be1..f09481e 100644 --- a/assets/css/scopes/_headlines.scss +++ b/assets/css/scopes/_headlines.scss | |||
@@ -19,10 +19,7 @@ | |||
19 | @include scope(namespace()) { | 19 | @include scope(namespace()) { |
20 | h1, | 20 | h1, |
21 | h2, | 21 | h2, |
22 | h3, | 22 | h3 { |
23 | h4, | ||
24 | h5, | ||
25 | h6 { | ||
26 | font-family: $font-fam--large; | 23 | font-family: $font-fam--large; |
27 | font-weight: 600; | 24 | font-weight: 600; |
28 | letter-spacing: normal; | 25 | letter-spacing: normal; |
@@ -50,20 +47,6 @@ | |||
50 | @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale); | 47 | @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale); |
51 | } | 48 | } |
52 | 49 | ||
53 | h4, | ||
54 | h5, | ||
55 | h6 { | ||
56 | @include iro-responsive-modular-scale(font-size, 0, $responsive-mod-scale); | ||
57 | } | ||
58 | |||
59 | h3, | ||
60 | h4, | ||
61 | h5, | ||
62 | h6 { | ||
63 | letter-spacing: 1px; | ||
64 | text-transform: uppercase; | ||
65 | } | ||
66 | |||
67 | h5, | 50 | h5, |
68 | h6 { | 51 | h6 { |
69 | color: currentColor; | 52 | color: currentColor; |