diff options
author | Kristóf Marussy <kristof@marussy.com> | 2024-04-05 18:25:34 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2024-04-05 18:36:06 +0200 |
commit | 6fb87d1d8ba8752d9687af6b91d50eb3d20d4e99 (patch) | |
tree | 973fbd1a2bd12660fa412f77cf2910c529ca9201 /src/css/custom.css | |
parent | Resume formatting (diff) | |
download | blog-6fb87d1d8ba8752d9687af6b91d50eb3d20d4e99.tar.gz blog-6fb87d1d8ba8752d9687af6b91d50eb3d20d4e99.tar.zst blog-6fb87d1d8ba8752d9687af6b91d50eb3d20d4e99.zip |
Heading font weight
Diffstat (limited to 'src/css/custom.css')
-rw-r--r-- | src/css/custom.css | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/src/css/custom.css b/src/css/custom.css index 3b70182..b84aec3 100644 --- a/src/css/custom.css +++ b/src/css/custom.css | |||
@@ -35,6 +35,7 @@ | |||
35 | --marussy-heading-tracking: -0.031em; | 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 | --marussy-slightly-casl: 0.25; |
38 | --marussy-very-bold: 800; | ||
38 | } | 39 | } |
39 | 40 | ||
40 | /* For readability concerns, you should choose a lighter palette in dark mode. */ | 41 | /* For readability concerns, you should choose a lighter palette in dark mode. */ |
@@ -49,6 +50,12 @@ | |||
49 | --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); | 50 | --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); |
50 | } | 51 | } |
51 | 52 | ||
53 | @media (max-width: 576px) { | ||
54 | :root { | ||
55 | --marussy-very-bold: var(--ifm-heading-font-weight); | ||
56 | } | ||
57 | } | ||
58 | |||
52 | * { | 59 | * { |
53 | /* | 60 | /* |
54 | * We must use `!important` here, because Infima sometimes sets font | 61 | * We must use `!important` here, because Infima sometimes sets font |
@@ -98,6 +105,7 @@ h3 { | |||
98 | letter-spacing: var(--marussy-heading-tracking); | 105 | letter-spacing: var(--marussy-heading-tracking); |
99 | } | 106 | } |
100 | 107 | ||
108 | |||
101 | .button--lg { | 109 | .button--lg { |
102 | letter-spacing: var(--marussy-button-tracking); | 110 | letter-spacing: var(--marussy-button-tracking); |
103 | } | 111 | } |
@@ -108,6 +116,10 @@ h3 { | |||
108 | --mono: 1; | 116 | --mono: 1; |
109 | } | 117 | } |
110 | 118 | ||
119 | .hero__title { | ||
120 | font-weight: var(--marussy-very-bold); | ||
121 | } | ||
122 | |||
111 | .hero__subtitle { | 123 | .hero__subtitle { |
112 | font-weight: 500; | 124 | font-weight: 500; |
113 | } | 125 | } |