- commit
- 429d656
- parent
- 3573226
- author
- Eric Bower
- date
- 2023-11-07 19:35:05 +0000 UTC
design: tweak headers
9 files changed,
+258,
-82
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89
+0,
-8
1@@ -35,14 +35,6 @@
2 </header>
3
4 <main>
5- <section>
6- <h2 class="text-lg font-bold">Examples</h2>
7- <p>
8- <a href="//hey.{{.Site.Domain}}">official blog</a> |
9- <a href="https://github.com/picosh/official-blog">blog source</a>
10- </p>
11- </section>
12-
13 <section>
14 <h2 class="text-lg font-bold">Create your account with Public-Key Cryptography</h2>
15 <p>We don't want your email address.</p>
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89
+13,
-11
1@@ -8,28 +8,30 @@ table {
2 border-collapse: separate;
3 }
4
5+.md h1,
6+.md h2,
7+.md h3,
8+.md h4 {
9+ margin: 1.5rem 0;
10+ font-weight: bold;
11+ border-bottom: 2px solid var(--grey);
12+ padding-bottom: 15px;
13+}
14+
15 .md h1 {
16- font-size: 1.55rem;
17+ font-size: 1.88rem;
18 line-height: 1.15;
19- font-weight: bold;
20- padding: 0.6rem 0 0 0;
21 }
22
23 .md h2 {
24- font-size: 1.35rem;
25+ font-size: 1.5rem;
26 line-height: 1.15;
27- font-weight: bold;
28- padding: 0.6rem 0 0 0;
29 }
30
31 .md h3 {
32- font-size: 1.10rem;
33- font-weight: bold;
34- padding: 0.6rem 0 0 0;
35+ font-size: 1.13rem;
36 }
37
38 .md h4 {
39 font-size: 1rem;
40- font-weight: bold;
41- padding: 0.6rem 0 0 0;
42 }
M
smol.css
+35,
-9
1@@ -52,16 +52,16 @@
2 html {
3 background-color: var(--bg-color);
4 color: var(--text-color);
5- line-height: 1.5;
6 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
7 Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial,
8 sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
9 -webkit-text-size-adjust: 100%;
10- -moz-tab-size: 4;
11 tab-size: 4;
12 }
13
14 body {
15+ font-size: 16px;
16+ line-height: 1.5;
17 margin: 0 auto;
18 max-width: 720px;
19 }
20@@ -121,13 +121,39 @@ summary {
21
22 h1,
23 h2,
24-h3 {
25- margin: 0;
26- padding: 0.6rem 0 0 0;
27+h3,
28+h4 {
29 border: 0;
30 font-style: normal;
31 font-weight: inherit;
32 font-size: inherit;
33+ margin: 0;
34+}
35+
36+h2,
37+h3,
38+h4 {
39+ border-bottom: 2px solid var(--grey);
40+ padding-bottom: 15px;
41+}
42+
43+h1 a:visited,
44+h2 a:visited,
45+h3 a:visited,
46+h4 a:visited {
47+ color: var(--grey);
48+}
49+
50+h1 a,
51+h2 a,
52+h3 a,
53+h4 a {
54+ color: var(--grey);
55+}
56+
57+.no-underline {
58+ border-bottom: 0px;
59+ padding-bottom: 0;
60 }
61
62 h1 > code {
63@@ -254,22 +280,22 @@ figure {
64 }
65
66 .text-2xl {
67- font-size: 1.85rem;
68+ font-size: 2.25rem;
69 line-height: 1.15;
70 }
71
72 .text-xl {
73- font-size: 1.55rem;
74+ font-size: 1.88rem;
75 line-height: 1.15;
76 }
77
78 .text-lg {
79- font-size: 1.35rem;
80+ font-size: 1.5rem;
81 line-height: 1.15;
82 }
83
84 .text-md {
85- font-size: 1.15rem;
86+ font-size: 1.13rem;
87 line-height: 1.15;
88 }
89