marcop135 / bullreset.css

When !important is not enough.

Home Page:https://marcop135.github.io/bullreset.css/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

bullreset.css

A bulldozer CSS file that first resets, than normalizes, and finally makes responsive all the properties for all the elements within an HTML page.

When !important is not enough to survive in the cascade, you may use this project to have peace of mind :)

How to use it

Soft reset

  1. Replace references to .bullreset with the name of your favourite class
  2. Append your favourite class to HTML element
  3. Write your styles safely

Hard reset

  1. Replace references to .bullreset with the name of your favourite class
  2. Append your favourite class to HTML element
  3. Overwrite all ; with !important; and write all your CSS using !important for each property.

When to use it

  • Reset all styles very quickly
  • Reset external plugin styles
  • Reset external libraries styles (e.g. Bootstrap)
  • Reset styles inside a container
  • Start from stratch when touching legacy code

Modern browsers (No IE)

Just use all: initial

Read more on MDN

License

The MIT License (MIT) - http://opensource.org/licenses/MIT

Todos

  • Add CodePens
  • Add some screenshots
  • Use Autoprefixer
  • Use Sass modules
  • Add browser compatibility list
  • Add extensive CSS form elements support
  • Add logo
  • Add npm
  • Add JSDelivr

About

When !important is not enough.

https://marcop135.github.io/bullreset.css/

License:MIT License


Languages

Language:HTML 50.8%Language:CSS 49.2%