@unocss/reset 0.50.8 → 0.51.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -28
- package/package.json +1 -1
- package/antfu.css +0 -164
package/README.md
CHANGED
|
@@ -2,34 +2,10 @@
|
|
|
2
2
|
|
|
3
3
|
Collection of standard reset CSS stylesheets.
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
npm i @unocss/reset
|
|
7
|
-
```
|
|
5
|
+
## Documentation
|
|
8
6
|
|
|
9
|
-
|
|
10
|
-
// main.js
|
|
11
|
-
// pick one of the following
|
|
12
|
-
|
|
13
|
-
// normalize.css https://necolas.github.io/normalize.css/
|
|
14
|
-
import '@unocss/reset/normalize.css'
|
|
15
|
-
|
|
16
|
-
// sanitize.css https://github.com/csstools/sanitize.css#usage
|
|
17
|
-
import '@unocss/reset/sanitize/sanitize.css'
|
|
18
|
-
import '@unocss/reset/sanitize/assets.css'
|
|
19
|
-
|
|
20
|
-
// reset.css by Eric Meyer https://meyerweb.com/eric/tools/css/reset/index.html
|
|
21
|
-
import '@unocss/reset/eric-meyer.css'
|
|
22
|
-
|
|
23
|
-
// preflights from tailwind
|
|
24
|
-
import '@unocss/reset/tailwind.css'
|
|
25
|
-
|
|
26
|
-
// based on tailwind preflights, with some clean up to avoid conflicts with UI frameworks.
|
|
27
|
-
// https://github.com/unocss/unocss/blob/main/packages/reset/tailwind-compat.md
|
|
28
|
-
import '@unocss/reset/tailwind-compat.css'
|
|
29
|
-
|
|
30
|
-
// opinionated reset by Anthony Fu
|
|
31
|
-
// https://github.com/unocss/unocss/blob/main/packages/reset/antfu.md
|
|
32
|
-
import '@unocss/reset/antfu.css'
|
|
33
|
-
```
|
|
7
|
+
Please refer to the [documentation](https://unocss.dev/guide/style-reset)
|
|
34
8
|
|
|
9
|
+
## License
|
|
35
10
|
|
|
11
|
+
[License](./LICENSE)
|
package/package.json
CHANGED
package/antfu.css
DELETED
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
*, ::before, ::after {
|
|
2
|
-
box-sizing: border-box;
|
|
3
|
-
border-width: 0;
|
|
4
|
-
border-style: solid;
|
|
5
|
-
border-color: currentColor;
|
|
6
|
-
}
|
|
7
|
-
html {
|
|
8
|
-
line-height: 1.5;
|
|
9
|
-
-webkit-text-size-adjust: 100%;
|
|
10
|
-
-moz-tab-size: 4;
|
|
11
|
-
tab-size: 4;
|
|
12
|
-
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
13
|
-
scrollbar-gutter: stable;
|
|
14
|
-
}
|
|
15
|
-
body {
|
|
16
|
-
margin: 0;
|
|
17
|
-
line-height: inherit;
|
|
18
|
-
}
|
|
19
|
-
hr {
|
|
20
|
-
height: 0;
|
|
21
|
-
color: inherit;
|
|
22
|
-
border-top-width: 1px;
|
|
23
|
-
}
|
|
24
|
-
abbr:where([title]) {
|
|
25
|
-
text-decoration: underline dotted;
|
|
26
|
-
}
|
|
27
|
-
h1, h2, h3, h4, h5, h6 {
|
|
28
|
-
font-size: inherit;
|
|
29
|
-
font-weight: inherit;
|
|
30
|
-
}
|
|
31
|
-
a {
|
|
32
|
-
color: inherit;
|
|
33
|
-
text-decoration: inherit;
|
|
34
|
-
}
|
|
35
|
-
b, strong {
|
|
36
|
-
font-weight: bolder;
|
|
37
|
-
}
|
|
38
|
-
code, kbd, samp, pre {
|
|
39
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
40
|
-
font-size: 1em;
|
|
41
|
-
}
|
|
42
|
-
small {
|
|
43
|
-
font-size: 80%;
|
|
44
|
-
}
|
|
45
|
-
sub, sup {
|
|
46
|
-
font-size: 75%;
|
|
47
|
-
line-height: 0;
|
|
48
|
-
position: relative;
|
|
49
|
-
vertical-align: baseline;
|
|
50
|
-
}
|
|
51
|
-
sub {
|
|
52
|
-
bottom: -0.25em;
|
|
53
|
-
}
|
|
54
|
-
sup {
|
|
55
|
-
top: -0.5em;
|
|
56
|
-
}
|
|
57
|
-
table {
|
|
58
|
-
text-indent: 0;
|
|
59
|
-
border-color: inherit;
|
|
60
|
-
border-collapse: collapse;
|
|
61
|
-
}
|
|
62
|
-
button, input, optgroup, select, textarea {
|
|
63
|
-
font-family: inherit;
|
|
64
|
-
font-size: 100%;
|
|
65
|
-
line-height: inherit;
|
|
66
|
-
color: inherit;
|
|
67
|
-
margin: 0;
|
|
68
|
-
padding: 0;
|
|
69
|
-
}
|
|
70
|
-
button, select {
|
|
71
|
-
text-transform: none;
|
|
72
|
-
}
|
|
73
|
-
button, [type='button'], [type='reset'], [type='submit'] {
|
|
74
|
-
-webkit-appearance: button;
|
|
75
|
-
background-color: transparent;
|
|
76
|
-
background-image: none;
|
|
77
|
-
}
|
|
78
|
-
:-moz-focusring {
|
|
79
|
-
outline: auto;
|
|
80
|
-
}
|
|
81
|
-
:-moz-ui-invalid {
|
|
82
|
-
box-shadow: none;
|
|
83
|
-
}
|
|
84
|
-
progress {
|
|
85
|
-
vertical-align: baseline;
|
|
86
|
-
}
|
|
87
|
-
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
88
|
-
height: auto;
|
|
89
|
-
}
|
|
90
|
-
[type='search'] {
|
|
91
|
-
-webkit-appearance: textfield;
|
|
92
|
-
outline-offset: -2px;
|
|
93
|
-
}
|
|
94
|
-
::-webkit-search-decoration {
|
|
95
|
-
-webkit-appearance: none;
|
|
96
|
-
}
|
|
97
|
-
::-webkit-file-upload-button {
|
|
98
|
-
-webkit-appearance: button;
|
|
99
|
-
font: inherit;
|
|
100
|
-
}
|
|
101
|
-
summary {
|
|
102
|
-
display: list-item;
|
|
103
|
-
}
|
|
104
|
-
blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
|
|
105
|
-
margin: 0;
|
|
106
|
-
}
|
|
107
|
-
fieldset {
|
|
108
|
-
margin: 0;
|
|
109
|
-
padding: 0;
|
|
110
|
-
}
|
|
111
|
-
legend {
|
|
112
|
-
padding: 0;
|
|
113
|
-
}
|
|
114
|
-
ol, ul, menu {
|
|
115
|
-
list-style: none;
|
|
116
|
-
margin: 0;
|
|
117
|
-
padding: 0;
|
|
118
|
-
}
|
|
119
|
-
textarea {
|
|
120
|
-
resize: vertical;
|
|
121
|
-
}
|
|
122
|
-
input::placeholder, textarea::placeholder {
|
|
123
|
-
opacity: 1;
|
|
124
|
-
color: #9ca3af;
|
|
125
|
-
}
|
|
126
|
-
button, [role="button"] {
|
|
127
|
-
cursor: pointer;
|
|
128
|
-
}
|
|
129
|
-
:disabled {
|
|
130
|
-
cursor: default;
|
|
131
|
-
}
|
|
132
|
-
img, svg, video, canvas, audio, iframe, embed, object {
|
|
133
|
-
display: block;
|
|
134
|
-
vertical-align: middle;
|
|
135
|
-
}
|
|
136
|
-
img, video {
|
|
137
|
-
max-width: 100%;
|
|
138
|
-
height: auto;
|
|
139
|
-
}
|
|
140
|
-
[hidden] {
|
|
141
|
-
display: none;
|
|
142
|
-
}
|
|
143
|
-
/* Anthony's addition */
|
|
144
|
-
.dark {
|
|
145
|
-
color-scheme: dark;
|
|
146
|
-
}
|
|
147
|
-
.dark ::-moz-selection {
|
|
148
|
-
background: #444;
|
|
149
|
-
}
|
|
150
|
-
.dark ::selection {
|
|
151
|
-
background: #444;
|
|
152
|
-
}
|
|
153
|
-
div {
|
|
154
|
-
display: flex;
|
|
155
|
-
flex-direction: column;
|
|
156
|
-
}
|
|
157
|
-
div[row=""] {
|
|
158
|
-
display: flex;
|
|
159
|
-
flex-direction: row;
|
|
160
|
-
}
|
|
161
|
-
div[block=""] {
|
|
162
|
-
display: block;
|
|
163
|
-
}
|
|
164
|
-
|