this repo has no description
rockorager.dev
1/* Copied from https://piccalil.li/blog/a-more-modern-css-reset/ */
2/* License: CC-BY-3.0 */
3
4/* Box sizing rules */
5*,
6*::before,
7*::after {
8 box-sizing: border-box;
9}
10
11/* Prevent font size inflation */
12html {
13 -moz-text-size-adjust: none;
14 -webkit-text-size-adjust: none;
15 text-size-adjust: none;
16}
17
18/* Remove default margin in favour of better control in authored CSS */
19body,
20h1,
21h2,
22h3,
23h4,
24p,
25figure,
26blockquote,
27dl,
28dd {
29 margin-block-end: 0;
30}
31
32/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
33ul[role='list'],
34ol[role='list'] {
35 list-style: none;
36}
37
38/* Set core body defaults */
39body {
40 min-height: 100vh;
41 line-height: 1.5;
42}
43
44/* Set shorter line heights on headings and interactive elements */
45h1,
46h2,
47h3,
48h4,
49button,
50input,
51label {
52 line-height: 1.1;
53}
54
55/* Balance text wrapping on headings */
56h1,
57h2,
58h3,
59h4 {
60 text-wrap: balance;
61}
62
63/* A elements that don't have a class get default styles */
64a:not([class]) {
65 text-decoration-skip-ink: auto;
66 color: currentColor;
67}
68
69/* Make images easier to work with */
70img,
71picture {
72 max-width: 100%;
73 display: block;
74}
75
76/* Inherit fonts for inputs and buttons */
77input,
78button,
79textarea,
80select {
81 font-family: inherit;
82 font-size: inherit;
83}
84
85/* Make sure textareas without a rows attribute are not tiny */
86textarea:not([rows]) {
87 min-height: 10em;
88}
89
90/* Anything that has been anchored to should have extra scroll margin */
91:target {
92 scroll-margin-block: 5ex;
93}