A minimal set of reset CSS specifically for web applications
Switch branches/tags
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.



A minimal CSS reset specifically for web applications

Why use app-reset.css?

Every time I make something 'appy' I have to switch off or reset a bunch of user agent styles so that I can use the correct element for the job at hand but style it inline with the project I'm building.

App-reset is intended specifically for web applications.

Accessibility Notes

These resets target HTML elements that typically receive styling defaults by User Agents that I always need to 'undo'.

Be aware that some of these resets have a negative impact on the default usability and accessibility of a web page. Therefore, ensure you add an equivalent accessible style back that matches your project aesthetic.

You'll want to run this through Autoprefixer

You'll typically need to run this through (https://github.com/postcss/autoprefixer) for production. Only essential prefixes are added here (e.g. proprietary property value/pairs) and you'll need to set prefixing relative to your desired browser support matrix.

Grab it via NPM

If you want to install via NPM you can run npm install app-reset and it will be available in your node_modules folder. NPM info here: https://www.npmjs.com/package/app-reset.

Suggestions? Comment or open an issue or find me at https://twitter.com/benfrain or https://benfrain.com