Clean CSS Reset Library – destyle.css

Category: CSS & CSS3 , Recommended | August 6, 2021
Author:nicolas-cusan
Views Total:358 views
Official Page:Go to website
Last Update:August 6, 2021
License:MIT

Preview:

Clean CSS Reset Library – destyle.css

Description:

destyle.css is a CSS reset library used to create neat clean web pages.

Features:

  • Ensures consistency across browsers (thanks normalize.css)
  • Resets spacing (margin & padding)
  • Resets font-size and line-height
  • Prevents the necessity of reseting user agent styles
  • Prevents style inspector bloat by only targeting what is necessary
  • Contributes to the separation of presentation and semantics
  • Works well with all kind of styling approaches, atomic libraries like tachyons, component based styling like css-in-js in React, good ‘ol css, …

How to use it:

Installation & Download:

# NPM
$ npm install destyle.css --save

Import the destyle.css into your project.

<link rel="stylesheet" href="destyle.css">

Changelog:

v3.0.0 (09/06/2021)

  • Remove IE support
  • Bring back outline for focusable elements
  • Remove redundant line-height: inherit rule from headings reset
  • Remove redundant text-decoration rule from abbr
  • Added svg selector to replaced content rule
  • Added text-transform: inherit rule to form elements
  • Replaced [disabled] selector with :disabled
  • Removed ::-moz-focus-inner rules for old Firefox versions
  • Improved :-moz-focusring style, no more dotted outline
  • Destyled select:disabled in Chrome
  • Add outline to focused [contenteditable] elements
  • Fixed border color inheritance for table borders in Chrome

v2.0.1 (12/05/2020)

  • Fix border issues for hr and remuve redundant border rules

You Might Be Interested In:


Leave a Reply