aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorLibravatar Kristóf Marussy <kristof@marussy.com>2024-04-05 17:24:51 +0200
committerLibravatar Kristóf Marussy <kristof@marussy.com>2024-04-05 17:24:51 +0200
commit0fe7dfaf39b368f7ed184f2860c878d5e292423f (patch)
tree24927c5590badbbefaa4cda63e10626c0756b128
parentFix code block color after hydration (diff)
downloadblog-0fe7dfaf39b368f7ed184f2860c878d5e292423f.tar.gz
blog-0fe7dfaf39b368f7ed184f2860c878d5e292423f.tar.zst
blog-0fe7dfaf39b368f7ed184f2860c878d5e292423f.zip
Adjust h3 font style
-rw-r--r--blog/2024-04-05/variable-css-font-features.mdx2
-rw-r--r--src/components/landing/sections/Blog.module.css2
-rw-r--r--src/components/landing/sections/Contact.module.css1
-rw-r--r--src/components/landing/sections/Research.module.css1
-rw-r--r--src/css/custom.css5
5 files changed, 5 insertions, 6 deletions
diff --git a/blog/2024-04-05/variable-css-font-features.mdx b/blog/2024-04-05/variable-css-font-features.mdx
index b6b640d..28708e8 100644
--- a/blog/2024-04-05/variable-css-font-features.mdx
+++ b/blog/2024-04-05/variable-css-font-features.mdx
@@ -126,7 +126,7 @@ Similarly to the [Recursive] documentation, I decided to use the fully casual st
126 126
127```css 127```css
128h1, h2, .markdown > h3 { --casl: 1; } 128h1, h2, .markdown > h3 { --casl: 1; }
129h3, .markdown > h4 { --casl: 0.5; } 129h3, .markdown > h4 { --casl: 0.25; }
130``` 130```
131 131
132:::info 132:::info
diff --git a/src/components/landing/sections/Blog.module.css b/src/components/landing/sections/Blog.module.css
index 6a38a97..57682f6 100644
--- a/src/components/landing/sections/Blog.module.css
+++ b/src/components/landing/sections/Blog.module.css
@@ -12,7 +12,7 @@
12 margin-bottom: 0; 12 margin-bottom: 0;
13 font-size: var(--ifm-h3-font-size); 13 font-size: var(--ifm-h3-font-size);
14 font-weight: var(--ifm-font-weight-bold); 14 font-weight: var(--ifm-font-weight-bold);
15 --casl: 0.5; 15 --casl: var(--marussy-slightly-casl);
16 letter-spacing: var(--marussy-heading-tracking); 16 letter-spacing: var(--marussy-heading-tracking);
17} 17}
18 18
diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
index 77d1861..5b556dd 100644
--- a/src/components/landing/sections/Contact.module.css
+++ b/src/components/landing/sections/Contact.module.css
@@ -93,7 +93,6 @@
93 93
94.contact__title { 94.contact__title {
95 margin: 0; 95 margin: 0;
96 --casl: 0.5;
97} 96}
98 97
99.contact__value { 98.contact__value {
diff --git a/src/components/landing/sections/Research.module.css b/src/components/landing/sections/Research.module.css
index bfbc37a..e2198f7 100644
--- a/src/components/landing/sections/Research.module.css
+++ b/src/components/landing/sections/Research.module.css
@@ -65,7 +65,6 @@
65.topic__title { 65.topic__title {
66 margin-top: 1rem; 66 margin-top: 1rem;
67 text-align: center; 67 text-align: center;
68 --casl: 0.5;
69} 68}
70 69
71.topic__description { 70.topic__description {
diff --git a/src/css/custom.css b/src/css/custom.css
index 61e8879..3b70182 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -32,8 +32,9 @@
32 --casl: 0; 32 --casl: 0;
33 --slnt: 0; 33 --slnt: 0;
34 --crsv: 0.5; 34 --crsv: 0.5;
35 --marussy-heading-tracking: -0.032em; 35 --marussy-heading-tracking: -0.031em;
36 --marussy-button-tracking: -0.026em; 36 --marussy-button-tracking: -0.026em;
37 --marussy-slightly-casl: 0.25;
37} 38}
38 39
39/* For readability concerns, you should choose a lighter palette in dark mode. */ 40/* For readability concerns, you should choose a lighter palette in dark mode. */
@@ -88,7 +89,7 @@ h2,
88 89
89h3, 90h3,
90.markdown > h4 { 91.markdown > h4 {
91 --casl: 0.5; 92 --casl: var(--marussy-slightly-casl);
92} 93}
93 94
94h1, 95h1,