Tiny CSS Reset Library For Modern Web Design

Category: CSS & CSS3 , Recommended | July 23, 2020
Author:hankchizljaw
Views Total:572 views
Official Page:Go to website
Last Update:July 23, 2020
License:MIT

Preview:

Tiny CSS Reset Library For Modern Web Design

Description:

Yet another lightweight CSS reset library created for the modern web & mobile design.

Features:

  • Box sizing rules.
  • emove default padding & margin.
  • Set core body defaults.
  • Remove list styles on ul, ol elements with a class attribute.
  • <a> elements that don’t have a class get default styles.
  • Make images easier to work with.
  • Natural flow and rhythm in articles by default.
  • Inherit fonts for inputs and buttons.
  • Remove all animations and transitions for people that prefer not to see them.

How to use it:

1. Install & download.

# Yarn
$ yarn add modern-css-reset

# NPM
$ npm install modern-css-reset --save

2. Import the minified version of the modern CSS reset into the document.

<link rel="stylesheet" href="dist/reset.min.css" />

3. Or from a CDN.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/modern-css-reset/dist/reset.min.css" />

Changelog:

v1.1.1 (07/23/2020)

  • set img styles also for picture tag

v1.1.0 (02/11/2020)

  • Add blurred images with no alt attributes

You Might Be Interested In:


Leave a Reply