sanitize.css
Advanced tools
sanitize.css - npm Package Compare versions
Comparing version 9.0.0-rc4 to 9.0.0-rc5
@@ -5,5 +5,10 @@ # Changes to sanitize.css | ||
| - Removed: Removal of text shadow on text selections due to bugs in | ||
| - Removed: Opinionated removal of text shadow on text selections due to bugs in | ||
| High Contrast mode. | ||
| - Removed: User interface fonts in all browsers, which is moved to fonts.css. | ||
| - Removed: Opinionated removal of repeating backgrounds in all browsers due to | ||
| form control unstyling. | ||
| - Removed: Opinionated interface typography in all browsers, which is moved to | ||
| forms.css and typography.css. | ||
| - Added: Opinionated interface typography in all browsers via typography.css. | ||
| - Added: Opinionated standards-like form styling in all browsers via forms.css. | ||
@@ -10,0 +15,0 @@ ### 8.0.1 (May 12, 2019) |
| { | ||
| "name": "sanitize.css", | ||
| "version": "9.0.0rc4", | ||
| "version": "9.0.0rc5", | ||
| "description": "A best-practices CSS foundation", | ||
@@ -17,2 +17,3 @@ "author": "Jonathan Neal <jonathantneal@hotmail.com>", | ||
| "files": [ | ||
| "forms.css", | ||
| "sanitize.css", | ||
@@ -19,0 +20,0 @@ "typography.css" |
109
README.md
@@ -14,2 +14,8 @@ # sanitize.css [<img src="https://csstools.github.io/sanitize.css/logo.svg" alt="sanitize" width="90" height="90" align="right">][sanitize.css] | ||
| **Browser** | ||
| ```html | ||
| <link href="https://unpkg.com/sanitize.css" rel="stylesheet" /> | ||
| ``` | ||
| **Download** | ||
@@ -95,22 +101,2 @@ | ||
| ##### The default font is the system ui font | ||
| ```css | ||
| html { | ||
| font-family: | ||
| system-ui, | ||
| /* macOS 10.11-10.12 */ -apple-system, | ||
| /* Windows 6+ */ Segoe UI, | ||
| /* Android 4+ */ Roboto, | ||
| /* Ubuntu 10.10+ */ Ubuntu, | ||
| /* Gnome 3+ */ Cantarell, | ||
| /* KDE Plasma 5+ */ Noto Sans, | ||
| /* fallback */ sans-serif, | ||
| /* macOS emoji */ "Apple Color Emoji", | ||
| /* Windows emoji */ "Segoe UI Emoji", | ||
| /* Windows emoji */ "Segoe UI Symbol", | ||
| /* Linux emoji */ "Noto Color Emoji"; | ||
| } | ||
| ``` | ||
| ##### Tabs appear the same on the web as in a typical editor | ||
@@ -148,28 +134,2 @@ | ||
| ##### Pre-formatted and code-formatted text uses the monospace system ui font | ||
| ```css | ||
| code, kbd, pre, samp { | ||
| font-family: | ||
| /* macOS 10.10+ */ Menlo, | ||
| /* Windows 6+ */ Consolas, | ||
| /* Android 4+ */ Roboto Mono, | ||
| /* Ubuntu 10.10+ */ Ubuntu Monospace, | ||
| /* KDE Plasma 5+ */ Noto Mono, | ||
| /* KDE Plasma 4+ */ Oxygen Mono, | ||
| /* Linux/OpenOffice fallback */ Liberation Mono, | ||
| /* fallback */ monospace; | ||
| } | ||
| ``` | ||
| ##### Text selections do not include text shadows | ||
| ```css | ||
| ::selection { | ||
| background-color: #b3d4fc; | ||
| color: #000; | ||
| text-shadow: none; | ||
| } | ||
| ``` | ||
| ##### Media elements align to the text center of other content | ||
@@ -252,2 +212,59 @@ | ||
| ### Typography | ||
| [sanitize.css] includes a separate stylesheet for normalizing typography using | ||
| system interface fonts. | ||
| **Browser** | ||
| ```html | ||
| <link href="https://unpkg.com/sanitize.css/typography.css" rel="stylesheet" /> | ||
| ``` | ||
| **Download** | ||
| See https://csstools.github.io/sanitize.css/latest/typography.css | ||
| **CDN** | ||
| see https://cdnjs.com/libraries/10up-sanitize.css/typography.css | ||
| #### Typography Features | ||
| ##### The default font is the system ui font | ||
| ```css | ||
| html { | ||
| font-family: | ||
| system-ui, | ||
| /* macOS 10.11-10.12 */ -apple-system, | ||
| /* Windows 6+ */ Segoe UI, | ||
| /* Android 4+ */ Roboto, | ||
| /* Ubuntu 10.10+ */ Ubuntu, | ||
| /* Gnome 3+ */ Cantarell, | ||
| /* KDE Plasma 5+ */ Noto Sans, | ||
| /* fallback */ sans-serif, | ||
| /* macOS emoji */ "Apple Color Emoji", | ||
| /* Windows emoji */ "Segoe UI Emoji", | ||
| /* Windows emoji */ "Segoe UI Symbol", | ||
| /* Linux emoji */ "Noto Color Emoji"; | ||
| } | ||
| ``` | ||
| ##### Pre-formatted and code-formatted text uses the monospace system ui font | ||
| ```css | ||
| code, kbd, pre, samp { | ||
| font-family: | ||
| /* macOS 10.10+ */ Menlo, | ||
| /* Windows 6+ */ Consolas, | ||
| /* Android 4+ */ Roboto Mono, | ||
| /* Ubuntu 10.10+ */ Ubuntu Monospace, | ||
| /* KDE Plasma 5+ */ Noto Mono, | ||
| /* KDE Plasma 4+ */ Oxygen Mono, | ||
| /* Linux/OpenOffice fallback */ Liberation Mono, | ||
| /* fallback */ monospace; | ||
| } | ||
| ``` | ||
| ## Differences | ||
@@ -254,0 +271,0 @@ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by3.34%
31141
- Number of package files
- increased by16.67%
7
- Lines of code
- increased by1.47%
482
- Number of lines in readme file
- increased by6.01%
300