the home site for me: also iteration 3 or 4 of my site
dunkirk.sh
1/* Box sizing rules */
2*,
3*::before,
4*::after {
5 box-sizing: border-box;
6 -webkit-box-sizing: border-box;
7}
8
9* {
10 margin: 0;
11}
12
13/* Prevent font size inflation */
14html {
15 -moz-text-size-adjust: none;
16 -webkit-text-size-adjust: none;
17 text-size-adjust: none;
18}
19
20/* Remove default margin in favour of better control in authored CSS */
21body,
22h1,
23h2,
24h3,
25h4,
26p,
27figure,
28blockquote,
29dl,
30dd {
31 margin-block-end: 0;
32}
33
34/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
35ul,
36ol,
37ul[role="list"],
38ol[role="list"] {
39 list-style: none;
40}
41
42/* Set core body defaults */
43body {
44 min-height: 100vh;
45 line-height: 1.5;
46 -webkit-font-smoothing: antialiased;
47}
48
49/* Set shorter line heights on headings and interactive elements */
50h1,
51h2,
52h3,
53h4,
54button,
55input,
56label {
57 line-height: 1.1;
58}
59
60/* Balance text wrapping on headings */
61h1,
62h2,
63h3,
64h4 {
65 text-wrap: balance;
66}
67
68p,
69h1,
70h2,
71h3,
72h4,
73h5,
74h6 {
75 overflow-wrap: break-word;
76}
77
78/* A elements that don't have a class get default styles */
79a:not([class]) {
80 text-decoration-skip-ink: auto;
81}
82
83/* Make images easier to work with */
84img,
85picture,
86video,
87canvas,
88svg {
89 max-width: 100%;
90 display: block;
91}
92
93/* Inherit fonts for inputs and buttons */
94input,
95button,
96textarea,
97select,
98progress {
99 appearance: none;
100 -webkit-appearance: none;
101 -moz-appearance: none;
102 font: inherit;
103}
104
105/* Make sure textareas without a rows attribute are not tiny */
106textarea:not([rows]) {
107 min-height: 10em;
108}
109
110/* Anything that has been anchored to should have extra scroll margin */
111:target {
112 scroll-margin-block: 5ex;
113}
114
115#root,
116#__next {
117 isolation: isolate;
118}