besaid.zone
+21
LICENSE
+21
LICENSE
···
1
+
MIT License
2
+
3
+
Copyright (c) 2025 Dane Miller
4
+
5
+
Permission is hereby granted, free of charge, to any person obtaining a copy
6
+
of this software and associated documentation files (the "Software"), to deal
7
+
in the Software without restriction, including without limitation the rights
8
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+
copies of the Software, and to permit persons to whom the Software is
10
+
furnished to do so, subject to the following conditions:
11
+
12
+
The above copyright notice and this permission notice shall be included in all
13
+
copies or substantial portions of the Software.
14
+
15
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+
SOFTWARE.
+14
README.md
+14
README.md
···
1
+
I've always wanted my own css reset for websites that I work on. This repository will serve as a place for that to live and a history of what changes over time as I change my opinions. Free for anyone to use if they would like!
2
+
3
+
## Sources
4
+
5
+
These are the css resets I used as reference when creating this one:
6
+
7
+
- https://meyerweb.com/eric/tools/css/reset/
8
+
- https://mayank.co/blog/css-reset-layer/
9
+
- https://dbushell.com/2025/09/12/css-reset/
10
+
- https://www.ellyloel.com/modern-css-reset/
11
+
- https://piccalil.li/blog/a-more-modern-css-reset/
12
+
- https://jakelazaroff.com/words/my-modern-css-reset/
13
+
- https://danburzo.ro/snippets/css-reset/
14
+
- https://frontendmasters.com/blog/the-coyier-css-starter/
+81
reset.css
+81
reset.css
···
1
+
@layer reset {
2
+
*,
3
+
*::before,
4
+
*::after {
5
+
box-sizing: border-box;
6
+
}
7
+
8
+
* {
9
+
margin: 0;
10
+
padding: 0;
11
+
}
12
+
13
+
html {
14
+
-webkit-font-smoothing: antialiased;
15
+
text-rendering: optimizespeed;
16
+
text-size-adjust: none;
17
+
color-scheme: dark light;
18
+
tab-size: 2;
19
+
scrollbar-gutter: stable;
20
+
interpolate-size: allow-keywords;
21
+
line-height: 1.5;
22
+
}
23
+
24
+
body {
25
+
margin: 0;
26
+
/* https://systemfontstack.com */
27
+
font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida
28
+
Console, monospace;
29
+
font-synthesis: none;
30
+
}
31
+
32
+
ul[role="list"],
33
+
ol[role="list"] {
34
+
list-style: none;
35
+
padding: 0;
36
+
}
37
+
38
+
::marker {
39
+
line-height: 0;
40
+
}
41
+
42
+
:focus-visible {
43
+
outline-offset: 2px;
44
+
}
45
+
46
+
@media (prefers-reduced-motion: no-preference) {
47
+
html:focus-within {
48
+
scroll-behavior: smooth;
49
+
}
50
+
}
51
+
52
+
a {
53
+
color: inherit;
54
+
text-underline-offset: 0.2ex;
55
+
}
56
+
57
+
h1,
58
+
h2,
59
+
h3,
60
+
h4 {
61
+
text-wrap: balance;
62
+
}
63
+
64
+
a[href] {
65
+
-webkit-tap-highlight-color: transparent;
66
+
}
67
+
68
+
p,
69
+
h1,
70
+
h2,
71
+
h3,
72
+
h4,
73
+
h5,
74
+
h6 {
75
+
overflow-wrap: break-word;
76
+
}
77
+
78
+
p {
79
+
text-wrap: pretty;
80
+
}
81
+
}