sanitize.css - npm Package Compare versions

Comparing version 11.0.0 to 11.0.1

CHANGELOG.md

 # Changes to sanitize.css
 
+### 11.0.1 (May 20, 2020)
+
+- Fixed: Documentation is updated.
+
+> This release is primarily made to update the polyfill used by cdnjs.
+
 ### 11.0.0 (June 3, 2019)
@@ -4,0 +10,0 @@

package.json

 {
   "name": "sanitize.css",
-  "version": "11.0.0",
+  "version": "11.0.1",
   "description": "A best-practices CSS foundation",
@@ -5,0 +5,0 @@ "author": "Jonathan Neal <[e-mail]>",

README.md

@@ -16,4 +16,6 @@ # sanitize.css [<img src="https://csstools.github.io/sanitize.css/logo.svg" alt="sanitize" width="90" height="90" align="right">][sanitize.css]
 
-### Forms
+[Learn more about `sanitize.css`](#features).
 
+#### Forms CSS
+
 A separate stylesheet that normalizes form controls without side effects.
@@ -25,10 +27,6 @@
 
-A separate stylesheet that sizes form controls without affecting native styles.
+[Learn more about `forms.css`](#forms).
 
-```html
-<link href="https://unpkg.com/sanitize.css/formsize.css" rel="stylesheet" />
-```
+#### Typography CSS
 
-### Typography
-
 A separate stylesheet that normalizes typography using system interface fonts.
@@ -40,6 +38,8 @@
 
-### Page
+[Learn more about `typography.css`](#typography).
 
-A separate stylesheet that applies a comfortable measure to the page.
+#### Page CSS
 
+A separate stylesheet that applies a comfortable measure to plain documents.
+
 ```html
@@ -49,6 +49,6 @@ <link href="https://unpkg.com/sanitize.css/page.css" rel="stylesheet" />
 
-### Install
+## Install
 
 ```sh
-npm install --save sanitize.css
+npm install sanitize.css --save
 ```
@@ -61,5 +61,5 @@
 ```css
-@import 'sanitize.css';
-@import 'sanitize.css/typography.css';
-@import 'sanitize.css/forms.css';
+@import '~sanitize.css';
+@import '~sanitize.css/forms.css';
+@import '~sanitize.css/typography.css';
 ```
@@ -71,4 +71,4 @@
 import 'sanitize.css';
+import 'sanitize.css/forms.css';
 import 'sanitize.css/typography.css';
-import 'sanitize.css/forms.css';
 ```
@@ -91,2 +91,6 @@
 
+**Download**
+
+See https://csstools.github.io/sanitize.css/latest/sanitize.css
+
 ## What does it do?
@@ -99,2 +103,21 @@
 
+## Browser support
+
+* Chrome (last 3)
+* Edge (last 3)
+* Firefox (last 3)
+* Firefox ESR
+* Opera (last 3)
+* Safari (last 3)
+* iOS Safari (last 2)
+* Internet Explorer 9+
+
+## Differences
+
+[normalize.css] and [sanitize.css] correct browser bugs while carefully testing
+and documenting changes. normalize.css styles adhere to css specifications.
+sanitize.css styles adhere to common developer expectations and preferences.
+[reset.css] unstyles all elements. Both sanitize.css and normalize.css are
+maintained in sync.
+
 ## Features
@@ -247,31 +270,72 @@
 
-### Typography
+---
 
-[sanitize.css] includes a separate stylesheet for normalizing typography using
-system interface fonts.
+## Forms
 
-### Forms
-
 [sanitize.css] includes a separate stylesheet for normalizing forms using
 minimal, standards-like styling.
 
-**Browser**
-
 ```html
-<link href="https://unpkg.com/sanitize.css/typography.css" rel="stylesheet" />
+<link href="https://unpkg.com/sanitize.css" rel="stylesheet" />
+<link href="https://unpkg.com/sanitize.css/forms.css" rel="stylesheet" />
 ```
 
-**Download**
+### Forms Features
 
-See https://csstools.github.io/sanitize.css/latest/typography.css
+##### Form controls appear visually consistent and restyle consistently
 
-**CDN**
+```css
+button, input, select, textarea {
+  background-color: transparent;
+  border: 1px solid WindowFrame;
+  color: inherit;
+  font: inherit;
+  letter-spacing: inherit;
+  padding: 0.25em 0.375em;
+}
+```
 
-see https://cdnjs.com/libraries/10up-sanitize.css/typography.css
+##### Expandable select controls appear visually consistent
 
-#### Typography Features
+```css
+select {
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  background: no-repeat right center / 1em;
+  border-radius: 0;
+  padding-right: 1em;
+}
 
-##### The default font is the system ui font
+select:not([multiple]):not([size]) {
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
+}
 
+::-ms-expand {
+  display: none;
+}
+```
+
+##### Placeholders appear visually consistent in Internet Explorer
+
 ```css
+:-ms-input-placeholder {
+  color: rgba(0, 0, 0, 0.54);
+}
+```
+
+## Typography
+
+[sanitize.css] includes a separate stylesheet for normalizing 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" />
+```
+
+### Typography Features
+
+##### Typography uses the default system font
+
+```css
 html {
@@ -294,3 +358,3 @@ font-family:
 
-##### Pre-formatted and code-formatted text uses the monospace system ui font
+##### Pre-formatted and code-formatted text uses the monospace system font
 
@@ -311,21 +375,2 @@ ```css
 
-## Differences
-
-[normalize.css] and [sanitize.css] correct browser bugs while carefully testing
-and documenting changes. normalize.css styles adhere to css specifications.
-sanitize.css styles adhere to common developer expectations and preferences.
-[reset.css] unstyles all elements. Both sanitize.css and normalize.css are
-maintained in sync.
-
-## Browser support
-
-* Chrome (last 3)
-* Edge (last 3)
-* Firefox (last 3)
-* Firefox ESR
-* Opera (last 3)
-* Safari (last 3)
-* iOS Safari (last 2)
-* Internet Explorer 9+
-
 ## Contributing
@@ -332,0 +377,0 @@

No alert changes

Improved metrics

Total package byte prevSize

35857

increased by3.3%

Number of lines in readme file

380

increased by13.43%

No dependency changes