@welcome-home/wh-base 0.3.5 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/README.md +3 -3
- package/dist/css/wh-base.css +27 -25
- package/dist/css/wh-base.min.css +1 -1
- package/package.json +5 -1
- package/src/css/header.css +35 -0
- package/src/css/vars.css +5 -4
- package/src/css/wh-base.css +2 -17
- package/src/css/nav.css +0 -20
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -4,8 +4,8 @@ SPDX-FileCopyrightText: 2026 Finley J Baker <finleyb.dev@proton.me>
|
|
|
4
4
|
SPDX-License-Identifier: MPL-2.0
|
|
5
5
|
-->
|
|
6
6
|
|
|
7
|
-
#
|
|
7
|
+
# wh-base, the theme for your digital home
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
The goal of `wh-base` is not to build the prettiest, the fanciest, or the most full-featured theme. Contrary to popular belief, those are never the goal of good design.
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
The primary focus of `wh-base` is your words. Your blog is made to be read, not be a pristine webpage that no one can read.
|
package/dist/css/wh-base.css
CHANGED
|
@@ -88,11 +88,12 @@ h6 {
|
|
|
88
88
|
:host {
|
|
89
89
|
--untoast-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23ac1616" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" class="toast-icon" viewBox="0 0 24 24"><title>Upvote</title><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/></svg>');
|
|
90
90
|
--toast-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23ac1616" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" class="toast-icon" viewBox="0 0 24 24"><title>Already upvoted</title><path d="m14.479 19.374-.971.939a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.219 1.49M15 15h6m-3-3v6"/></svg>');
|
|
91
|
-
|
|
91
|
+
/* 1.4 line-height at 320, 1.6 line-height at 1440 */
|
|
92
|
+
--body-line-height: clamp(1.56rem, 1.384rem + 0.893vw, 2.19rem);
|
|
92
93
|
|
|
93
|
-
/*
|
|
94
|
-
/*
|
|
95
|
-
--font-size: clamp(
|
|
94
|
+
/* 18px at 320px viewport */
|
|
95
|
+
/* 22px at 1440px viewport */
|
|
96
|
+
--font-size: clamp(1.125rem, 1.0417rem + 0.3704vw, 1.375rem);
|
|
96
97
|
|
|
97
98
|
/* stylelint-disable-next-line value-keyword-case */
|
|
98
99
|
--font-family-base:
|
|
@@ -225,19 +226,36 @@ h6 {
|
|
|
225
226
|
*
|
|
226
227
|
* SPDX-License-Identifier: MPL-2.0
|
|
227
228
|
*/
|
|
229
|
+
a.title {
|
|
230
|
+
-webkit-text-decoration: none;
|
|
231
|
+
text-decoration: none;
|
|
232
|
+
|
|
233
|
+
& > h1 {
|
|
234
|
+
color: var(--color-headline);
|
|
235
|
+
|
|
236
|
+
font-family: var(--font-family-title);
|
|
237
|
+
font-weight: var(--iwh-font-weight-title);
|
|
238
|
+
|
|
239
|
+
/* 24px at 320px viewport */
|
|
240
|
+
/* 48px at 1920px viewport */
|
|
241
|
+
font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
|
|
242
|
+
margin-bottom: 0;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
&:hover {
|
|
246
|
+
-webkit-text-decoration: underline;
|
|
247
|
+
text-decoration: underline;
|
|
248
|
+
}
|
|
249
|
+
}
|
|
228
250
|
nav {
|
|
229
251
|
p {
|
|
230
252
|
margin-bottom: var(--nav-margin);
|
|
231
|
-
font-size: clamp(1.25rem, 0.7794rem + 2.3529vw, 2.25rem);
|
|
232
253
|
|
|
233
254
|
a {
|
|
234
255
|
padding-right: 0.3em;
|
|
235
256
|
}
|
|
236
257
|
}
|
|
237
258
|
}
|
|
238
|
-
.title h1 {
|
|
239
|
-
margin-bottom: 0;
|
|
240
|
-
}
|
|
241
259
|
/*
|
|
242
260
|
* SPDX-FileCopyrightText: 2026 Finley J Baker <finleyb.dev@proton.me>
|
|
243
261
|
*
|
|
@@ -397,7 +415,7 @@ body {
|
|
|
397
415
|
}
|
|
398
416
|
main h1:first-of-type {
|
|
399
417
|
border-top: solid thin var(--color-secondary);
|
|
400
|
-
margin-bottom:
|
|
418
|
+
margin-bottom: 0;
|
|
401
419
|
padding-top: 1rem;
|
|
402
420
|
}
|
|
403
421
|
h1,
|
|
@@ -430,22 +448,6 @@ a {
|
|
|
430
448
|
color: var(--color-hover);
|
|
431
449
|
}
|
|
432
450
|
}
|
|
433
|
-
a.title {
|
|
434
|
-
-webkit-text-decoration: none;
|
|
435
|
-
text-decoration: none;
|
|
436
|
-
|
|
437
|
-
& > h1 {
|
|
438
|
-
font-family: var(--font-family-title);
|
|
439
|
-
color: var(--color-headline);
|
|
440
|
-
font-size: clamp(3.75rem, 1.22vw + 3.46rem, 4.375rem);
|
|
441
|
-
font-weight: var(--iwh-font-weight-title);
|
|
442
|
-
}
|
|
443
|
-
|
|
444
|
-
&:hover {
|
|
445
|
-
-webkit-text-decoration: underline;
|
|
446
|
-
text-decoration: underline;
|
|
447
|
-
}
|
|
448
|
-
}
|
|
449
451
|
h1 {
|
|
450
452
|
color: var(--color-h1);
|
|
451
453
|
|
package/dist/css/wh-base.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer base-config, user-config;*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}@layer base-config{:host,:root{--untoast-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' stroke='%23ac1616' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' class='toast-icon' viewBox='0 0 24 24'%3E%3Ctitle%3EUpvote%3C/title%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");--toast-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' stroke='%23ac1616' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' class='toast-icon' viewBox='0 0 24 24'%3E%3Ctitle%3EAlready upvoted%3C/title%3E%3Cpath d='m14.479 19.374-.971.939a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.219 1.49M15 15h6m-3-3v6'/%3E%3C/svg%3E");--body-line-height:clamp(1.
|
|
1
|
+
@layer base-config, user-config;*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}@layer base-config{:host,:root{--untoast-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' stroke='%23ac1616' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' class='toast-icon' viewBox='0 0 24 24'%3E%3Ctitle%3EUpvote%3C/title%3E%3Cpath d='M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5'/%3E%3C/svg%3E");--toast-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' stroke='%23ac1616' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.25' class='toast-icon' viewBox='0 0 24 24'%3E%3Ctitle%3EAlready upvoted%3C/title%3E%3Cpath d='m14.479 19.374-.971.939a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.219 1.49M15 15h6m-3-3v6'/%3E%3C/svg%3E");--body-line-height:clamp(1.56rem,1.384rem + 0.893vw,2.19rem);--font-size:clamp(1.125rem,1.0417rem + 0.3704vw,1.375rem);--font-family-base:optima,candara,"Noto Sans",source-sans-pro,sans-serif;--font-weight-base:400;--font-family-title:var(--font-family-base);--font-family-heading:var(--font-family-base);--font-weight-heading:500;--font-weight-title:600;--font-family-code:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,"DejaVu Sans Mono",monospace;--body-width:min(800px,calc(70% + 100px));--nav-margin:4vh;--iwh-font-weight-title:calc(var(--font-weight-title) - var(--dark-lightening-factor));--iwh-font-weight-heading:calc(var(--font-weight-heading) - var(--dark-lightening-factor));--iwh-font-weight-base:calc(var(--font-weight-base) - var(--dark-lightening-factor))}@media (prefers-color-scheme:dark){:host,:root{--csstools-color-scheme--light: ;color-scheme:dark;--color-primary:#89b5fa;--color-hover:lch(from var(--color-primary) calc(l + 20) c h);--color-visited:lch(from var(--color-primary) l calc(c + 10) h);--color-bg-alt:#313244;--color-bg:#1e1e2e;--color-text:#cdd6f4;--color-secondary:#caa6f7;--color-headline:var(--color-text);--color-h1:var(--color-text);--color-h2:#bac2de;--color-h3:var(--color-h2);--color-h4:var(--color-h2);--color-h5:#a6adc9;--color-h6:var(--color-h5);--button-color-bg:var(--color-bg-alt);--color-code:#a6e3a1;--button-color-hover-bg:#454759;--dark-lightening-factor:50}}@media (prefers-color-scheme:light){:host,:root{--csstools-color-scheme--light: ;color-scheme:dark;--color-primary:#1f66f4;--color-hover:lch(from var(--color-primary) calc(l + 20) c h);--color-visited:lch(from var(--color-primary) l calc(c + 10) h);--color-bg-alt:#cdd1db;--color-bg:#eff1f5;--color-text:#4b4e68;--color-secondary:#8839ef;--color-headline:var(--color-text);--color-h1:var(--color-text);--color-h2:#5b5e76;--color-h3:var(--color-h2);--color-h4:var(--color-h2);--color-h5:#6c6f84;--color-h6:var(--color-h5);--button-color-bg:var(--color-bg-alt);--color-code:#41a12b;--button-color-hover-bg:#bcc0cd;--dark-lightening-factor:0}}}a.title{-webkit-text-decoration:none;text-decoration:none;&>h1{color:var(--color-headline);font-family:var(--font-family-title);font-weight:var(--iwh-font-weight-title);font-size:clamp(1.5rem,1.2rem + 1.5vw,3rem);margin-bottom:0}&:hover{-webkit-text-decoration:underline;text-decoration:underline}}nav{p{margin-bottom:var(--nav-margin);a{padding-right:.3em}}}li[data-tags] i{margin-right:.3em}button.upvote-button{--width:2em;--height:2em;margin-bottom:2em;background-color:var(--color-bg-alt);border:1px solid var(--color-primary);border-radius:5px;padding-top:10px;padding-left:10px;padding-right:10px;svg{display:none}.upvote-count{color:var(--color-text)}.upvote-count:before{background:var(--untoast-icon);display:block;width:var(--width);height:var(--height);background-size:cover;content:""}}button:disabled.upvote-button .upvote-count:before{background:var(--toast-icon);display:block;width:var(--width);height:var(--height);background-size:cover;content:""}button:not([disabled]).upvote-button{&:hover{background-color:color-mix(in srgb,var(--color-bg-alt) 90%,#fff);cursor:pointer}}pre{background-color:var(--color-bg-alt);display:block;padding:1em;overflow-x:auto;margin-top:0;margin-bottom:2.5rem;font-size:.9em}.highlight{pre span{font-family:var(--font-family-code);font-weight:400!important;line-height:var(--body-line-height);font-size:var(--font-size);font-style:normal!important;&.nb,&.nd,&.nf,&.nt{color:var(--color-primary)!important}&.k,&.kt{color:var(--color-code)}}}code{font-family:var(--font-family-code);line-height:var(--body-line-height)}code,kbd,samp{color:var(--color-code);hyphens:none}pre>code{padding:0;background-color:initial;white-space:pre}a:has(code){text-decoration-color:var(--color-code)}div.tags{margin-bottom:.7rem;a{margin-right:5px}}section.footnotes{&:before{content:"Footnotes"}ol{margin-top:1.2rem}border-top:thin solid var(--color-secondary);padding-top:10px}html{font-family:var(--font-family-base)}body{line-height:var(--body-line-height);margin:auto;color:var(--color-text);background-color:var(--color-bg);padding:13px;font-size:var(--font-size);font-weight:var(--iwh-font-weight-base);width:var(--body-width);text-wrap:pretty;hyphens:auto}main h1:first-of-type{border-top:thin solid var(--color-secondary);margin-bottom:0;padding-top:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--iwh-font-weight-heading);margin-top:2rem;margin-bottom:1.5rem;overflow-wrap:break-word;text-wrap:pretty;line-height:1.1}a{-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:auto;color:var(--color-primary);&:visited{color:var(--color-visited)}&:hover{-webkit-text-decoration:none;text-decoration:none;color:var(--color-hover)}}h1{color:var(--color-h1)}h1,h1>code{font-size:clamp(2rem,1.6rem + 2vw,4rem)}h2{color:var(--color-h2)}h2,h2>code{font-size:clamp(1.5rem,1.2rem + 1.5vw,3rem)}h3{color:var(--color-h3)}h3,h3>code{font-size:clamp(1.25rem,1.05rem + 1vw,2.25rem)}h4{color:var(--color-h4)}h4,h4>code,h5{font-size:clamp(1.125rem,1rem + .625vw,1.75rem)}h5{color:var(--color-h5)}h6{color:var(--color-h6);font-size:clamp(1.125rem,1rem + .625vw,1.75rem)}p{margin-top:0;margin-bottom:2rem}small,sub,sup{font-size:90%}sup.footnote-ref{font-size:var(--font-size);vertical-align:initial;margin-left:1px}sup.footnote-ref :before{content:"["}sup.footnote-ref :after{content:"]"}hr{border-color:var(--color-primary)}ul{padding-left:1.4em;margin-top:0;margin-bottom:2.5rem}li{margin-bottom:.4em}blockquote{margin-left:0;margin-right:0;padding:.8em .8em .8em 1em;border-left:5px solid var(--color-primary);margin-bottom:2.5rem;background-color:var(--color-bg-alt)}blockquote p{margin-bottom:0}img,video{margin-bottom:2.5rem}p>img{width:var(--body-width);height:auto}p:has(img){margin-bottom:0}mark{background-color:var(--color-secondary)}table{text-align:justify;width:100%;border-collapse:collapse;margin-bottom:2rem}td,th{padding:.5em;border-bottom:1px solid var(--color-bg-alt)}.toc ul{list-style:none}.bear{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@welcome-home/wh-base",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.4.0",
|
|
4
4
|
"description": "A CSS module for theming and extending bearblog",
|
|
5
5
|
"exports": {
|
|
6
6
|
".": "./src/css/wh-base.css",
|
|
@@ -14,6 +14,10 @@
|
|
|
14
14
|
"bugs": {
|
|
15
15
|
"url": "https://gitlab.com/wh-tools/welcome-home/-/work_items"
|
|
16
16
|
},
|
|
17
|
+
"funding": {
|
|
18
|
+
"type": "individual",
|
|
19
|
+
"url": "https://ko-fi.com/finleybaker"
|
|
20
|
+
},
|
|
17
21
|
"keywords": [],
|
|
18
22
|
"author": {
|
|
19
23
|
"name": "Finley J Baker",
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* SPDX-FileCopyrightText: 2026 Finley J Baker <finleyb.dev@proton.me>
|
|
3
|
+
*
|
|
4
|
+
* SPDX-License-Identifier: MPL-2.0
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
a.title {
|
|
8
|
+
text-decoration: none;
|
|
9
|
+
|
|
10
|
+
& > h1 {
|
|
11
|
+
color: var(--color-headline);
|
|
12
|
+
|
|
13
|
+
font-family: var(--font-family-title);
|
|
14
|
+
font-weight: var(--iwh-font-weight-title);
|
|
15
|
+
|
|
16
|
+
/* 24px at 320px viewport */
|
|
17
|
+
/* 48px at 1920px viewport */
|
|
18
|
+
font-size: clamp(1.5rem, 1.2rem + 1.5vw, 3rem);
|
|
19
|
+
margin-bottom: 0;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&:hover {
|
|
23
|
+
text-decoration: underline;
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
nav {
|
|
28
|
+
p {
|
|
29
|
+
margin-bottom: var(--nav-margin);
|
|
30
|
+
|
|
31
|
+
a {
|
|
32
|
+
padding-right: 0.3em;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
}
|
package/src/css/vars.css
CHANGED
|
@@ -11,11 +11,12 @@
|
|
|
11
11
|
:host {
|
|
12
12
|
--untoast-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23ac1616" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" class="toast-icon" viewBox="0 0 24 24"><title>Upvote</title><path d="M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"/></svg>');
|
|
13
13
|
--toast-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" fill="none" stroke="%23ac1616" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" class="toast-icon" viewBox="0 0 24 24"><title>Already upvoted</title><path d="m14.479 19.374-.971.939a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5a5.2 5.2 0 0 1-.219 1.49M15 15h6m-3-3v6"/></svg>');
|
|
14
|
-
|
|
14
|
+
/* 1.4 line-height at 320, 1.6 line-height at 1440 */
|
|
15
|
+
--body-line-height: clamp(1.56rem, 1.384rem + 0.893vw, 2.19rem);
|
|
15
16
|
|
|
16
|
-
/*
|
|
17
|
-
/*
|
|
18
|
-
--font-size: clamp(
|
|
17
|
+
/* 18px at 320px viewport */
|
|
18
|
+
/* 22px at 1440px viewport */
|
|
19
|
+
--font-size: clamp(1.125rem, 1.0417rem + 0.3704vw, 1.375rem);
|
|
19
20
|
|
|
20
21
|
/* stylelint-disable-next-line value-keyword-case */
|
|
21
22
|
--font-family-base:
|
package/src/css/wh-base.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
@import url('reset.css');
|
|
8
8
|
@import url('vars.css');
|
|
9
|
-
@import url('
|
|
9
|
+
@import url('header.css');
|
|
10
10
|
@import url('home.css');
|
|
11
11
|
@import url('toast.css');
|
|
12
12
|
@import url('code.css');
|
|
@@ -31,7 +31,7 @@ body {
|
|
|
31
31
|
|
|
32
32
|
main h1:first-of-type {
|
|
33
33
|
border-top: solid thin var(--color-secondary);
|
|
34
|
-
margin-bottom:
|
|
34
|
+
margin-bottom: 0;
|
|
35
35
|
padding-top: 1rem;
|
|
36
36
|
}
|
|
37
37
|
|
|
@@ -65,21 +65,6 @@ a {
|
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
a.title {
|
|
69
|
-
text-decoration: none;
|
|
70
|
-
|
|
71
|
-
& > h1 {
|
|
72
|
-
font-family: var(--font-family-title);
|
|
73
|
-
color: var(--color-headline);
|
|
74
|
-
font-size: clamp(3.75rem, 1.22vw + 3.46rem, 4.375rem);
|
|
75
|
-
font-weight: var(--iwh-font-weight-title);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
&:hover {
|
|
79
|
-
text-decoration: underline;
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
68
|
h1 {
|
|
84
69
|
color: var(--color-h1);
|
|
85
70
|
|
package/src/css/nav.css
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* SPDX-FileCopyrightText: 2026 Finley J Baker <finleyb.dev@proton.me>
|
|
3
|
-
*
|
|
4
|
-
* SPDX-License-Identifier: MPL-2.0
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
|
-
nav {
|
|
8
|
-
p {
|
|
9
|
-
margin-bottom: var(--nav-margin);
|
|
10
|
-
font-size: clamp(1.25rem, 0.7794rem + 2.3529vw, 2.25rem);
|
|
11
|
-
|
|
12
|
-
a {
|
|
13
|
-
padding-right: 0.3em;
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
.title h1 {
|
|
19
|
-
margin-bottom: 0;
|
|
20
|
-
}
|