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.css

Why?

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 outline property. Don't forget to enable it manually!
• It does not reset cursor property.
• It does not reset deprecated and not standardized elements.

License

divine.css is licensed under MIT license. For details, please see the LICENSE file.