# @kano/styles

> Shared styles for web projects

Latest version **3.3.14** (published 2020-06-19) · MIT license · 0 weekly downloads

## Install

```sh
npm install @kano/styles
pnpm add @kano/styles
yarn add @kano/styles
bun add @kano/styles
```

## 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 | 3.3.14 |
| Published | 2020-06-19 |
| First published | 2019-01-17 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 2.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Paul Varache |
| Maintainers | alexb-kano, alicemarshall, chaitz, charlie-kano, hicksatkano, holographicleah, joe-thom, kanocomputing, onishiweb, rpazdera, ting88003355, tomkano, wassupduck |

## Links

- npm: https://www.npmjs.com/package/@kano/styles
- Repository: https://github.com/KanoComponents/kwc-style
- Homepage: https://github.com/KanoComponents/kwc-style#readme
- Issues: https://github.com/KanoComponents/kwc-style/issues
- npm.io page: https://npm.io/package/@kano/styles

## Dependencies (1)

- [@kano/icons-rendering](https://npm.io/package/@kano/icons-rendering.md) ^3.3.14

## Recent versions

- 3.3.14 (latest) — 2020-06-19
- 3.3.1 — 2019-11-25
- 3.2.16 — 2019-09-27
- 3.2.13 — 2019-09-13
- 3.1.3 — 2019-08-02
- 3.0.16 — 2019-05-20
- 3.0.15 — 2019-05-03
- 3.0.14 — 2019-03-18
- 3.0.10 — 2019-02-11
- 3.0.6 — 2019-01-28
- 1.0.0 — 2019-01-22
- 1.0.0-alpha.0 — 2019-01-17

## README

# @kano/styles

Shared styles for web projects

## Installation

```
yarn add @kano/styles
```

## Usage

Exported symbols are HTML templates, clone and inject in your page to use the classes.

```js
// Import needed styles
import { mega } from '@kano/kwc-styles/index.js';

// Clone the node
const instance = mega.content.cloneNode(true);

// Add to the head, or shadow root
document.head.appendChild(instance);

// Alternatively, if you use a literal template engine supporting HTML templates
const render = html`
    ${mega}
    <div>
        <button class="btn mega">CLICK</button>
    </div>
`;
```

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