# defaultcss

> A simple module for adding default style definition within your HTML

Latest version **1.1.1** (published 2014-10-19) · ISC license · 0 weekly downloads

## Install

```sh
npm install defaultcss
pnpm add defaultcss
yarn add defaultcss
bun add defaultcss
```

## 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.1.1 |
| Published | 2014-10-19 |
| First published | 2014-04-11 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 6 |
| Author | Damon Oehlman |
| Maintainers | damonoehlman, mafintosh |
| Keywords | css, default, html |

## Links

- npm: https://www.npmjs.com/package/defaultcss
- Repository: https://github.com/DamonOehlman/defaultcss
- Issues: https://github.com/DamonOehlman/defaultcss/issues
- npm.io page: https://npm.io/package/defaultcss

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 1.1.1 (latest) — 2014-10-19
- 1.1.0 — 2014-10-15
- 1.0.0 — 2014-10-01
- 0.0.2 — 2014-04-11
- 0.0.1 — 2014-04-11

## README

# defaultcss

A very simple module for creating a little bit of defaultcss.  This is
really useful if you are creating a small JS widget that you want to be
completely stylable by the application implementer but would also like it
to look "kind of ok" if someone want to have a quick play.


[![NPM](https://nodei.co/npm/defaultcss.png)](https://nodei.co/npm/defaultcss/)


## How it Works

The provided css text is injected into the HTML document within the document
`<head>` prior to any other `<link>` or `<style>` tags.  This ensures that
any definitions that are made within your provided CSS have ample
opportunity to be overridden by user defined CSS.

## Example Usage

```js
var defaultcss = require('defaultcss');
var crel = require('crel');

defaultcss('widget', '.widget { background: red; width: 50px; height: 50px }');
document.body.appendChild(crel('div', { class: 'widget' }));
```

## Reference

### defaultcss

```
defaultcss(label, csstext)
```

Create a new default `style` element and use the provided `label` to
generate an id for the element "%label%_defaultstyle".  If an existing
element with that id is found, then do nothing.

If not, then create the new element and use the provided `csstext` as
`innerText` for th element.

## License(s)

### ISC

Copyright (c) 2014, Damon Oehlman <damon.oehlman@gmail.com>

Permission to use, copy, modify, and/or distribute this software for any
purpose with or without fee is hereby granted, provided that the above
copyright notice and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
PERFORMANCE OF THIS SOFTWARE.

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