Tiny CSS Reset Library For Modern Web Design

Preview:

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.4.0 (01/23/2021)

• Prevent smooth scrolling for people who prefer reduced motion

v1.3.0 (11/07/2020)

• Remove over-reaching elements

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