2.4.0 • Published 3 years ago
extended-normalize.css v2.4.0
extended-normalize.css
CSS normalize with basic additional styles
Why extended-normalize.css ?
- While writing CSS, a general convention is to "normalize" the default browser's stylesheet.
- This helps in maintaining style consistency across variety of devices and browsers.
After normalizing, we be like,
Okay, now everything is "normalized".
But...
- The button looks kinda boring.
- The typography is inconsistent among various HTML tags; including input-fields, tables, buttons, select-options, etc.
- The form-fields are dull.
The point is, there still remains some inconsistency. Plus, the default style on buttons, form-fields, etc. are not "neat".
We can improvise upon this.
So, What does it actually do?
- Inherits everything from normailze.css by Necolas Gallagher, i.e. normalizes default browser styles.
- Makes the typography consistent among various HTML tags including input-fields, tables, buttons, select-options, etc.
- Improves the appearance of form-fields, buttons, tables, and lists.
- Makes other subtle style modifications on different tags to make them look neat.
- Explains what code does using detailed comments.
A quick demo...
;
How to use ?
Either, use NPM
npm install --save extended-normalize.css
Then, in your "main" js file,
import "extended-normalize.css";
Or, include this inside the "html" file, on the "head" tag
<link
rel="stylesheet"
href="https://unpkg.com/extended-normalize.css@2.1.0/extended-normalize.css"
/>
Or, import in your "main" css file
@import url("https://unpkg.com/extended-normalize.css@2.1.0/extended-normalize.css");
Or, view Raw
Author Rahul Dahal