Skip to content

Commit b8692b7

Browse files
committed
Reflect newer practices
1 parent 6ce9e1a commit b8692b7

3 files changed

Lines changed: 23 additions & 26 deletions

File tree

.gitignore

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
node_modules
2-
npm-debug.log
2+
package-lock.json
3+
yarn.lock
34
.*
45
!.editorconfig
56
!.gitignore
67
!.travis.yml
8+
*.log*

README.md

Lines changed: 17 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -3,20 +3,16 @@
33
[sanitize.css] is a CSS library that provides consistent, cross-browser
44
default styling of HTML elements alongside useful defaults.
55

6-
It is developed alongside [normalize.css], which means every normalization
7-
is included, and every normalization and opinion are clearly marked and
8-
documented.
6+
**sanitize.css** is developed alongside [normalize.css], which means every
7+
normalization is included, and every normalization and opinion are clearly
8+
marked and documented.
99

10-
## Usage
11-
12-
```html
13-
<link href="https://unpkg.com/sanitize.css" rel="stylesheet" />
14-
```
10+
**sanitize.css** wraps styles in zero-specificity selectors using `:where()`.
1511

16-
Or to exclusively support evergreen browsers.
12+
## Usage
1713

1814
```html
19-
<link href="https://unpkg.com/sanitize.css/evergreen.css" rel="stylesheet" />
15+
<link href="https://cdn.skypack.dev/sanitize.css" rel="stylesheet" />
2016
```
2117

2218
[Learn more about `sanitize.css`](#features).
@@ -29,12 +25,6 @@ A separate stylesheet that normalizes form controls without side effects.
2925
<link href="https://unpkg.com/sanitize.css/forms.css" rel="stylesheet" />
3026
```
3127

32-
Or to exclusively support evergreen browsers.
33-
34-
```html
35-
<link href="https://unpkg.com/sanitize.css/forms.evergreen.css" rel="stylesheet" />
36-
```
37-
3828
[Learn more about `forms.css`](#forms).
3929

4030
#### Assets CSS
@@ -67,12 +57,20 @@ A separate stylesheet for restricting motion when the user has requested this at
6757

6858
[Learn more about `reduce-motion.css`](#reduce-motion).
6959

70-
#### Page CSS
60+
#### System-UI
7161

72-
A separate stylesheet that applies a comfortable measure to plain documents.
62+
A separate stylesheet that adds support for using `system-ui` in Firefox.
63+
64+
```html
65+
<link href="https://unpkg.com/sanitize.css/system-ui.css" rel="stylesheet" />
66+
```
67+
68+
#### UI-Monospace
69+
70+
A separate stylesheet that adds support for using `ui-monospace` in Chrome, Edge, and Firefox.
7371

7472
```html
75-
<link href="https://unpkg.com/sanitize.css/page.css" rel="stylesheet" />
73+
<link href="https://unpkg.com/sanitize.css/ui-monospace.css" rel="stylesheet" />
7674
```
7775

7876
## Install

package.json

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -15,15 +15,12 @@
1515
"style": "sanitize.css",
1616
"files": [
1717
"assets.css",
18-
"evergreen.css",
19-
"font-system-ui.css",
20-
"font-ui-monospace.css",
2118
"forms.css",
22-
"forms.evergreen.css",
23-
"page.css",
2419
"reduce-motion.css",
2520
"sanitize.css",
26-
"typography.css"
21+
"system-ui.css",
22+
"typography.css",
23+
"ui-monospace.css"
2724
],
2825
"scripts": {
2926
"prepublishOnly": "npm test",

0 commit comments

Comments
 (0)