# postcss-grid-unit

> A PostCSS plugin to create custom measurement units to ease grid enforcement.

Latest version **0.0.1** (published 2015-10-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install postcss-grid-unit
pnpm add postcss-grid-unit
yarn add postcss-grid-unit
bun add postcss-grid-unit
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2015-10-30 |
| First published | 2015-10-30 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Anton Fedchenko |
| Maintainers | kompot |
| Keywords | postcss, css, postcss-plugin, grid, unit |

## Links

- npm: https://www.npmjs.com/package/postcss-grid-unit
- Repository: https://github.com/kompot/postcss-grid-unit
- Homepage: https://github.com/kompot/postcss-grid-unit#readme
- Issues: https://github.com/kompot/postcss-grid-unit/issues
- npm.io page: https://npm.io/package/postcss-grid-unit

## Dependencies (1)

- [postcss](https://npm.io/package/postcss.md) ^5.0.0

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 0.0.1 (latest) — 2015-10-30

## README

# postcss-grid-unit
A [PostCSS](https://github.com/postcss/postcss) plugin to create custom grid units to ease grid enforcement. Inspired by Mark Goodyear's [postcss-vertical-rhythm](https://github.com/markgoodyear).

## Examples

Given options
```
{
  units: [
    {unit: 'u', size: 8},
    {unit: 'lu', size: 32},
  ],
}
```

and input
```css
.block {
  margin-bottom: 1u;
  padding-top: 2lu;
}
```

output will be
```css
.block {
  margin-bottom: 8px;
  padding-top: 64px;
}
```

## Usage
Install:
```
npm install postcss-grid-unit --save-dev
```

Then include the plugin:
```js
postcss([ require('postcss-grid-unit')(options) ])
```

See [PostCSS] docs for examples for your environment.

## Licence
Released under the MIT license.

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