# divine.css

> A library that resets almost any element's styles to be like virgin pure

Latest version **1.4.0** (published 2017-11-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install divine.css
pnpm add divine.css
yarn add divine.css
bun add divine.css
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.4.0 |
| Published | 2017-11-12 |
| First published | 2017-11-06 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Petr Flaks |
| Maintainers | simplix |
| Keywords | css, css-reset, css-normalize, div |

## Links

- npm: https://www.npmjs.com/package/divine.css
- Repository: https://github.com/ssimplix/divine.css
- Homepage: https://github.com/ssimplix/absolute-css-reset#readme
- Issues: https://github.com/ssimplix/absolute-css-reset/issues
- npm.io page: https://npm.io/package/divine.css

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.4.0 (latest) — 2017-11-12
- 1.3.0 — 2017-11-06
- 1.2.0 — 2017-11-06
- 1.1.0 — 2017-11-06
- 1.0.0 — 2017-11-06

## README

# 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](https://en.bem.info/), 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](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](LICENSE) file.

---
_Source: https://npm.io/package/divine.css · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._