Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

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 11.0.1 to 12.0.0

assets.css

15

CHANGELOG.md
# Changes to sanitize.css
### 12.0.0 (August 20, 2020)
- Added: Correct table border color inheritance in all Chrome, Edge, and Safari.
- Added: Remove text indentation from table contents in Chrome, Edge, and
Safari.
- Added: Correct the inheritance of horizontal rule border color in Firefox.
- Added: Prevent overflow of a `pre` container in all browsers (opinionated).
- Added: Evergreen variations of sanitize.css (basically, without IE support).
- Added: Reduce animations, scrolling effects, and transitions when requested in
all browsers (opinionated) to `reduce-motion.css`.
- Updated: Move size restrictions (opinionated) in all browsers to `assets.css`.
- Removed: Tapping delay style, except in IE 10, where it matters.
- Removed: Border and padding from color and range `input` in all browsers.
- Fixed: Announce `nav ol, nav ul` list semantics on Safari with VoiceOver.
### 11.0.1 (May 20, 2020)

@@ -4,0 +19,0 @@

10

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

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

"files": [
"assets.css",
"evergreen.css",
"forms.css",
"forms.evergreen.css",
"page.css",
"reduce-motion.css",
"sanitize.css",

@@ -28,4 +32,4 @@ "typography.css"

"devDependencies": {
"stylelint": "^10.1.0",
"stylelint-config-standard": "^18.3.0"
"stylelint": "^13.6.1",
"stylelint-config-standard": "^20.0.0"
},

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

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

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

@@ -27,4 +33,20 @@

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).
#### Assets CSS
A separate stylesheet that applies a comfortable measure to plain documents.
```html
<link href="https://unpkg.com/sanitize.css/assets.css" rel="stylesheet" />
```
[Learn more about `assets.css`](#assets).
#### Typography CSS

@@ -40,2 +62,12 @@

#### Reduce Motion CSS
A separate stylesheet that normalizes typography using system interface fonts.
```html
<link href="https://unpkg.com/sanitize.css/reduce-motion.css" rel="stylesheet" />
```
[Learn more about `reduce-motion.css`](#reduce-motion).
#### Page CSS

@@ -290,2 +322,8 @@

}
[type="color"],
[type="range"] {
border-width: 0;
padding: 0;
}
```

@@ -321,2 +359,27 @@

## Assets
[sanitize.css] includes a separate stylesheet for normalizing restricting the
size of assets in all browsers.
```html
<link href="https://unpkg.com/sanitize.css" rel="stylesheet" />
<link href="https://unpkg.com/sanitize.css/assets.css" rel="stylesheet" />
```
### Assets Features
##### Assets use a comfortable measure in all browsers
```css
iframe,
img,
input,
select,
textarea {
height: auto;
max-width: 100%;
}
```
## Typography

@@ -370,2 +433,32 @@

## Reduce Motion
[sanitize.css] includes a separate stylesheet for restricting motion when the
user has requested this at a system level.
```html
<link href="https://unpkg.com/sanitize.css" rel="stylesheet" />
<link href="https://unpkg.com/sanitize.css/reduce-motion.css" rel="stylesheet" />
```
### Reduce Motion Features
##### Animations, scrolling effects, and transitions are reduced in all browsers
```css
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
background-attachment: initial !important;
scroll-behavior: auto !important;
transition-delay: 0s !important;
transition-duration: 0s !important;
}
}
```
## Contributing

@@ -372,0 +465,0 @@

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