Socket
Socket
Sign inDemoInstall

sanitize.css

Package Overview
Dependencies
Maintainers
1
Versions
33
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

sanitize.css - npm Package Compare versions

Comparing version 12.0.1 to 13.0.0

system-ui.css

13

package.json
{
"name": "sanitize.css",
"version": "12.0.1",
"version": "13.0.0",
"description": "A best-practices CSS foundation",

@@ -18,9 +18,8 @@ "author": "Jonathan Neal <jonathantneal@hotmail.com>",

"assets.css",
"evergreen.css",
"forms.css",
"forms.evergreen.css",
"page.css",
"reduce-motion.css",
"sanitize.css",
"typography.css"
"system-ui.css",
"typography.css",
"ui-monospace.css"
],

@@ -32,4 +31,4 @@ "scripts": {

"devDependencies": {
"stylelint": "^13.6.1",
"stylelint-config-standard": "^20.0.0"
"stylelint": "^13.13.1",
"stylelint-config-standard": "^22.0.0"
},

@@ -36,0 +35,0 @@ "stylelint": {

@@ -6,18 +6,14 @@ # sanitize.css [<img src="https://csstools.github.io/sanitize.css/logo.svg" alt="sanitize" width="90" height="90" align="right">][sanitize.css]

It is developed alongside [normalize.css], which means every normalization
is included, and every normalization and opinion are clearly marked and
documented.
**sanitize.css** is developed alongside [normalize.css], which means every
normalization is included, and every normalization and opinion are clearly
marked and documented.
**sanitize.css** wraps styles in zero-specificity selectors using `:where()`.
## Usage
```html
<link href="https://unpkg.com/sanitize.css" rel="stylesheet" />
<link href="https://cdn.skypack.dev/sanitize.css" rel="stylesheet" />
```
Or to exclusively support evergreen browsers.
```html
<link href="https://unpkg.com/sanitize.css/evergreen.css" rel="stylesheet" />
```
[Learn more about `sanitize.css`](#features).

@@ -33,8 +29,2 @@

Or to exclusively support evergreen browsers.
```html
<link href="https://unpkg.com/sanitize.css/forms.evergreen.css" rel="stylesheet" />
```
[Learn more about `forms.css`](#forms).

@@ -64,3 +54,3 @@

A separate stylesheet that normalizes typography using system interface fonts.
A separate stylesheet for restricting motion when the user has requested this at system level.

@@ -73,10 +63,18 @@ ```html

#### Page CSS
#### System-UI
A separate stylesheet that applies a comfortable measure to plain documents.
A separate stylesheet that adds support for using `system-ui` in Firefox.
```html
<link href="https://unpkg.com/sanitize.css/page.css" rel="stylesheet" />
<link href="https://unpkg.com/sanitize.css/system-ui.css" rel="stylesheet" />
```
#### UI-Monospace
A separate stylesheet that adds support for using `ui-monospace` in Chrome, Edge, and Firefox.
```html
<link href="https://unpkg.com/sanitize.css/ui-monospace.css" rel="stylesheet" />
```
## Install

@@ -134,8 +132,8 @@

* Chrome (last 3)
* Edge (last 3)
* Firefox (last 3)
* Chrome (last 2)
* Edge (last 2)
* Firefox (last 2)
* Firefox ESR
* Opera (last 3)
* Safari (last 3)
* Opera (last 2)
* Safari (last 2)
* iOS Safari (last 2)

@@ -142,0 +140,0 @@ * Internet Explorer 9+

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc