Skip to content

Commit 9769241

Browse files
kandrews99kandrews99
committed
keith edits
1 parent 25de066 commit 9769241

1 file changed

Lines changed: 121 additions & 121 deletions

File tree

‎src/lib/reset.css‎

Lines changed: 121 additions & 121 deletions
Original file line numberDiff line numberDiff line change
@@ -1,122 +1,122 @@
1-
/*https://useaxentix.com/blog/css/css-reset-complete-guide/*/
2-
3-
/* ===============================================
4-
Ultimate Modern CSS Reset
5-
Based on best practices from Eric Meyer,
6-
Josh W. Comeau, Andy Bell, and modern standards
7-
=============================================== */
8-
9-
/* 1. Use a more-intuitive box-sizing model */
10-
*, *::before, *::after {
11-
box-sizing: border-box;
12-
}
13-
14-
/* 2. Remove default margin and padding */
15-
* {
16-
margin: 0;
17-
padding: 0;
18-
}
19-
20-
/* 3. Set core body defaults */
21-
body {
22-
min-height: 100vh;
23-
line-height: 1.5;
24-
-webkit-font-smoothing: antialiased;
25-
-moz-osx-font-smoothing: grayscale;
26-
}
27-
28-
/* 4. Remove list styles on ul, ol elements with a list role */
29-
ul[role='list'], ol[role='list'] {
30-
list-style: none;
31-
}
32-
33-
/* 5. Set shorter line heights on headings and interactive elements */
34-
h1, h2, h3, h4, button, input, label {
35-
line-height: 1.1;
36-
}
37-
38-
/* 6. Balance text wrapping on headings */
39-
h1, h2, h3, h4 {
40-
text-wrap: balance;
41-
}
42-
43-
/* 7. Improve text rendering and wrapping */
44-
p, h1, h2, h3, h4, h5, h6 {
45-
overflow-wrap: break-word;
46-
}
47-
48-
p {
49-
text-wrap: pretty;
50-
}
51-
52-
/* 8. A elements that don't have a class get default styles */
53-
a:not([class]) {
54-
text-decoration-skip-ink: auto;
55-
color: currentColor;
56-
}
57-
58-
/* 9. Make images and media easier to work with */
59-
img, picture, video, canvas, svg {
60-
display: block;
61-
}
62-
63-
/* 10. Inherit fonts for inputs and buttons */
64-
input, button, textarea, select {
65-
font: inherit;
66-
}
67-
68-
/* 11. Make sure textareas without a rows attribute are not tiny */
69-
textarea:not([rows]) {
70-
min-height: 10em;
71-
}
72-
73-
/* 12. Anything that has been anchored to should have extra scroll margin */
74-
:target {
75-
scroll-margin-block: 5ex;
76-
}
77-
78-
/* 13. Root stacking context */
79-
#root, #__next {
80-
isolation: isolate;
81-
}
82-
83-
/* 14. Enable keyword animations for modern browsers */
84-
@media (prefers-reduced-motion: no-preference) {
85-
html {
86-
interpolate-size: allow-keywords;
87-
}
88-
}
89-
90-
/* 15. HTML5 display-role reset for older browsers */
91-
article, aside, details, figcaption, figure,
92-
footer, header, hgroup, menu, nav, section {
93-
display: block;
94-
}
95-
96-
/* 16. Remove quotes from blockquotes and q elements */
97-
blockquote, q {
98-
quotes: none;
99-
}
100-
101-
blockquote:before, blockquote:after,
102-
q:before, q:after {
103-
content: '';
104-
content: none;
105-
}
106-
107-
/* 17. Table border collapse */
108-
table {
109-
border-collapse: collapse;
110-
border-spacing: 0;
111-
}
112-
113-
/* 18. Focus management for accessibility */
114-
:focus-visible {
115-
outline: 2px solid currentColor;
116-
outline-offset: 2px;
117-
}
118-
119-
/* 19. Remove focus outline for mouse users */
120-
:focus:not(:focus-visible) {
121-
outline: none;
1+
/*https://useaxentix.com/blog/css/css-reset-complete-guide/*/
2+
3+
/* ===============================================
4+
Ultimate Modern CSS Reset
5+
Based on best practices from Eric Meyer,
6+
Josh W. Comeau, Andy Bell, and modern standards
7+
=============================================== */
8+
9+
/* 1. Use a more-intuitive box-sizing model */
10+
*, *::before, *::after {
11+
box-sizing: border-box;
12+
}
13+
14+
/* 2. Remove default margin and padding */
15+
* {
16+
margin: 0;
17+
padding: 0;
18+
}
19+
20+
/* 3. Set core body defaults */
21+
body {
22+
min-height: 100vh;
23+
line-height: 1.5;
24+
-webkit-font-smoothing: antialiased;
25+
-moz-osx-font-smoothing: grayscale;
26+
}
27+
28+
/* 4. Remove list styles on ul, ol elements with a list role */
29+
ul[role='list'], ol[role='list'] {
30+
list-style: none;
31+
}
32+
33+
/* 5. Set shorter line heights on headings and interactive elements */
34+
h1, h2, h3, h4, button, input, label {
35+
line-height: 1.1;
36+
}
37+
38+
/* 6. Balance text wrapping on headings */
39+
h1, h2, h3, h4 {
40+
text-wrap: balance;
41+
}
42+
43+
/* 7. Improve text rendering and wrapping */
44+
p, h1, h2, h3, h4, h5, h6 {
45+
overflow-wrap: break-word;
46+
}
47+
48+
p {
49+
text-wrap: pretty;
50+
}
51+
52+
/* 8. A elements that don't have a class get default styles */
53+
a:not([class]) {
54+
text-decoration-skip-ink: auto;
55+
color: currentColor;
56+
}
57+
58+
/* 9. Make images and media easier to work with */
59+
img, picture, video, canvas, svg {
60+
display: block;
61+
}
62+
63+
/* 10. Inherit fonts for inputs and buttons */
64+
input, button, textarea, select {
65+
font: inherit;
66+
}
67+
68+
/* 11. Make sure textareas without a rows attribute are not tiny */
69+
textarea:not([rows]) {
70+
min-height: 10em;
71+
}
72+
73+
/* 12. Anything that has been anchored to should have extra scroll margin */
74+
:target {
75+
scroll-margin-block: 5ex;
76+
}
77+
78+
/* 13. Root stacking context */
79+
#root, #__next {
80+
isolation: isolate;
81+
}
82+
83+
/* 14. Enable keyword animations for modern browsers */
84+
@media (prefers-reduced-motion: no-preference) {
85+
html {
86+
interpolate-size: allow-keywords;
87+
}
88+
}
89+
90+
/* 15. HTML5 display-role reset for older browsers */
91+
article, aside, details, figcaption, figure,
92+
footer, header, hgroup, menu, nav, section {
93+
display: block;
94+
}
95+
96+
/* 16. Remove quotes from blockquotes and q elements */
97+
blockquote, q {
98+
quotes: none;
99+
}
100+
101+
blockquote:before, blockquote:after,
102+
q:before, q:after {
103+
content: '';
104+
content: none;
105+
}
106+
107+
/* 17. Table border collapse */
108+
table {
109+
border-collapse: collapse;
110+
border-spacing: 0;
111+
}
112+
113+
/* 18. Focus management for accessibility */
114+
:focus-visible {
115+
outline: 2px solid currentColor;
116+
outline-offset: 2px;
117+
}
118+
119+
/* 19. Remove focus outline for mouse users */
120+
:focus:not(:focus-visible) {
121+
outline: none;
122122
}

0 commit comments

Comments
 (0)