divine.css v1.4.0
divine.css
divine.css is a library that resets almost any element's styles to be like virgin pure <div>. No matter what you are going to use: <fieldset> or <details>, <button> or <a> — everything will be rendered as simple <div>.
Start building divine web right now:
npm install --save divine.cssWhy?
When you are creating elements using some methodoligies like BEM, you you should not depend on the name of the element. For example, you have a button-styled element named .primary-button and you wanna use it like <button class="primary-button">...</button> in forms and <a class="primary-button">...</a> somewhere else. You should not think about element's default styles! Just add this class name to any element and it will work.
How ofter do you reset <ul>'s bullets and margins? How ofter do you reset <fieldset>'s border? How ofter do you completely reset <input>'s and <button>'s background and borders? That's it! divine.css solves all your problems! It's easier to think you are styling <div> element than reset the <ul> in every CSS class name and then style it.
Everything is a <div>. <div> is everything.
Even inline elements are block-level <div>s. To see list of normalized and resetted elements, please visit the src/divine.css file.
Please note:
- It also resets
outlineproperty. Don't forget to enable it manually! - It does not reset
cursorproperty. - It does not reset deprecated and not standardized elements.
License
divine.css is licensed under MIT license. For details, please see the LICENSE file.