sanitize.css
Advanced tools
Comparing version 9.0.0-rc6 to 9.0.0
# Changes to sanitize.css | ||
### 9.0.0 (May 13, 2019) | ||
### 9.0.0 (May 16, 2019) | ||
@@ -11,4 +11,6 @@ - Removed: Opinionated removal of text shadow on text selections due to bugs in | ||
forms.css and typography.css. | ||
- Changed: Visually hidden content now uses some less aggressive selectors. | ||
- Added: Opinionated interface typography in all browsers via typography.css. | ||
- Added: Opinionated standards-like form styling in all browsers via forms.css. | ||
- Added: Opinionated removal of the grey highlight when tapping links in iOS. | ||
@@ -15,0 +17,0 @@ ### 8.0.1 (May 12, 2019) |
{ | ||
"name": "sanitize.css", | ||
"version": "9.0.0rc6", | ||
"version": "9.0.0", | ||
"description": "A best-practices CSS foundation", | ||
@@ -23,3 +23,3 @@ "author": "Jonathan Neal <jonathantneal@hotmail.com>", | ||
"prepublishOnly": "npm test", | ||
"test": "stylelint sanitize.css typography.css" | ||
"test": "stylelint forms.css sanitize.css typography.css" | ||
}, | ||
@@ -26,0 +26,0 @@ "devDependencies": { |
@@ -6,25 +6,31 @@ # sanitize.css [<img src="https://csstools.github.io/sanitize.css/logo.svg" alt="sanitize" width="90" height="90" align="right">][sanitize.css] | ||
## How to get it | ||
It is developed alongside [normalize.css], which means every normalization | ||
is included, and every normalization and opinion are clearly marked and | ||
documented. | ||
**NPM** | ||
## Usage | ||
```sh | ||
npm install --save sanitize.css | ||
```html | ||
<link href="https://unpkg.com/sanitize.css" rel="stylesheet" /> | ||
``` | ||
**Browser** | ||
A separate stylesheet normalizes typography using system interface fonts. | ||
```html | ||
<link href="https://unpkg.com/sanitize.css" rel="stylesheet" /> | ||
<link href="https://unpkg.com/sanitize.css/typography.css" rel="stylesheet" /> | ||
``` | ||
**Download** | ||
A separate stylesheet normalizes forms using minimal, standards-like styling. | ||
See https://csstools.github.io/sanitize.css/latest/sanitize.css | ||
```html | ||
<link href="https://unpkg.com/sanitize.css/forms.css" rel="stylesheet" /> | ||
``` | ||
**CDN** | ||
### Install | ||
see https://cdnjs.com/libraries/10up-sanitize.css | ||
```sh | ||
npm install --save sanitize.css | ||
``` | ||
### Usage in npm and webpack | ||
#### Webpack Usage | ||
@@ -34,3 +40,5 @@ Import [sanitize.css] in CSS: | ||
```css | ||
@import '~sanitize.css'; | ||
@import 'sanitize.css'; | ||
@import 'sanitize.css/typography.css'; | ||
@import 'sanitize.css/forms.css'; | ||
``` | ||
@@ -42,2 +50,4 @@ | ||
import 'sanitize.css'; | ||
import 'sanitize.css/typography.css'; | ||
import 'sanitize.css/forms.css'; | ||
``` | ||
@@ -103,2 +113,10 @@ | ||
##### Text has a comfortable line height in all browsers | ||
```css | ||
html { | ||
line-height: 1.5; | ||
} | ||
``` | ||
##### Tabs appear the same on the web as in a typical editor | ||
@@ -133,2 +151,3 @@ | ||
list-style: none; | ||
padding: 0; | ||
} | ||
@@ -161,12 +180,2 @@ ``` | ||
##### Form controls are easily style-able | ||
```css | ||
button, input, select, textarea { | ||
font-family: inherit; | ||
font-size: inherit; | ||
line-height: inherit; | ||
} | ||
``` | ||
##### Textareas only resize vertically by default | ||
@@ -208,5 +217,8 @@ | ||
```css | ||
[aria-hidden="false"][hidden] { | ||
display: initial; | ||
} | ||
[aria-hidden="false"][hidden]:not(:focus) { | ||
clip: rect(0, 0, 0, 0); | ||
display: inherit; | ||
position: absolute; | ||
@@ -221,2 +233,7 @@ } | ||
### Forms | ||
[sanitize.css] includes a separate stylesheet for normalizing forms using | ||
minimal, standards-like styling. | ||
**Browser** | ||
@@ -223,0 +240,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
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
31949
493
0
317
0