diff options
author | Kristóf Marussy <kristof@marussy.com> | 2024-03-21 12:00:31 +0100 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2024-03-21 12:00:48 +0100 |
commit | dcaeafb3f53a865bd30b9d8146360b736353f738 (patch) | |
tree | 4a7d90821b480ccb951518d3cbd733b7a6796fe1 /src | |
parent | chore(deps): bump dependencies (diff) | |
download | blog-dcaeafb3f53a865bd30b9d8146360b736353f738.tar.gz blog-dcaeafb3f53a865bd30b9d8146360b736353f738.tar.zst blog-dcaeafb3f53a865bd30b9d8146360b736353f738.zip |
More even heading letter-spacing
Diffstat (limited to 'src')
-rw-r--r-- | src/components/landing/Subtitle.module.css | 1 | ||||
-rw-r--r-- | src/css/custom.css | 13 |
2 files changed, 8 insertions, 6 deletions
diff --git a/src/components/landing/Subtitle.module.css b/src/components/landing/Subtitle.module.css index e680092..8264a93 100644 --- a/src/components/landing/Subtitle.module.css +++ b/src/components/landing/Subtitle.module.css | |||
@@ -7,6 +7,5 @@ | |||
7 | .subtitle { | 7 | .subtitle { |
8 | --ifm-h3-font-size: 1.5rem; | 8 | --ifm-h3-font-size: 1.5rem; |
9 | --casl: 1; | 9 | --casl: 1; |
10 | letter-spacing: var(--marussy-heading-tracking); | ||
11 | margin: 1.5rem 0; | 10 | margin: 1.5rem 0; |
12 | } | 11 | } |
diff --git a/src/css/custom.css b/src/css/custom.css index 440cf10..c2cda19 100644 --- a/src/css/custom.css +++ b/src/css/custom.css | |||
@@ -31,7 +31,7 @@ | |||
31 | --slnt: 0; | 31 | --slnt: 0; |
32 | --crsv: 0; | 32 | --crsv: 0; |
33 | --marussy-heading-tracking: -0.032em; | 33 | --marussy-heading-tracking: -0.032em; |
34 | --marussy-heading-tracking-looser: -0.026em; | 34 | --marussy-button-tracking: -0.026em; |
35 | } | 35 | } |
36 | 36 | ||
37 | /* For readability concerns, you should choose a lighter palette in dark mode. */ | 37 | /* For readability concerns, you should choose a lighter palette in dark mode. */ |
@@ -88,15 +88,18 @@ h2, | |||
88 | --casl: 1; | 88 | --casl: 1; |
89 | } | 89 | } |
90 | 90 | ||
91 | h3 { | ||
92 | --casl: 0.5; | ||
93 | } | ||
94 | |||
91 | h1, | 95 | h1, |
92 | h2 { | 96 | h2, |
97 | h3 { | ||
93 | letter-spacing: var(--marussy-heading-tracking); | 98 | letter-spacing: var(--marussy-heading-tracking); |
94 | } | 99 | } |
95 | 100 | ||
96 | h3, | ||
97 | .button--lg { | 101 | .button--lg { |
98 | --casl: 0.5; | 102 | letter-spacing: var(--marussy-button-tracking); |
99 | letter-spacing: var(--marussy-heading-tracking-looser); | ||
100 | } | 103 | } |
101 | 104 | ||
102 | .hash-link { | 105 | .hash-link { |