sanitize.css - npm Package Compare versions

Comparing version 9.0.0-rc6 to 9.0.0

CHANGELOG.md

 # 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)

package.json

 {
   "name": "sanitize.css",
-  "version": "9.0.0rc6",
+  "version": "9.0.0",
   "description": "A best-practices CSS foundation",
@@ -23,3 +23,3 @@ "author": "Jonathan Neal <[e-mail]>",
     "prepublishOnly": "npm test",
-    "test": "stylelint sanitize.css typography.css"
+    "test": "stylelint forms.css sanitize.css typography.css"
   },
@@ -26,0 +26,0 @@ "devDependencies": {

README.md

@@ -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 @@

Fixed alerts

Manifest confusion

Supply chain risk

This 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

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

31949

increased by2.75%

Lines of code

493

increased by2.49%

Number of low quality alerts

0

decreased by-100%

Number of lines in readme file

317

increased by5.67%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes