sanitize.css
Advanced tools
Comparing version 11.0.1 to 12.0.0
# 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 @@ |
{ | ||
"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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
49093
12
974
473