# postcss-negative-padding

> A PostCSS plugin which lets you use negative values within the `padding` property and creates appropriate negative margins to match

Latest version **0.0.7** (published 2018-02-17) · CC0-1.0 license · 0 weekly downloads

## Install

```sh
npm install postcss-negative-padding
pnpm add postcss-negative-padding
yarn add postcss-negative-padding
bun add postcss-negative-padding
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.7 |
| Published | 2018-02-17 |
| First published | 2018-01-02 |
| Weekly downloads | 0 |
| License | CC0-1.0 |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Node | >=4.0.0 |
| Dependencies | 2 |
| Unpacked size | 13.8 KB |
| Known vulnerabilities | 0 (+6 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 4 |
| Author | Gavin |
| Maintainers | mindthetic |
| Keywords | postcss, css, postcss-plugin, padding, negative |

## Links

- npm: https://www.npmjs.com/package/postcss-negative-padding
- Repository: https://github.com/mindthetic/postcss-negative-padding
- Homepage: https://github.com/mindthetic/postcss-negative-padding#readme
- Issues: https://github.com/mindthetic/postcss-negative-padding/issues
- npm.io page: https://npm.io/package/postcss-negative-padding

## Dependencies (2)

- [postcss](https://npm.io/package/postcss.md) ^6.0
- [postcss-value-parser](https://npm.io/package/postcss-value-parser.md) ^3.3.0

## 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

- 0.0.7 (latest) — 2018-02-17
- 0.0.5 — 2018-01-18
- 0.0.1 — 2018-01-05
- 1.0.1 — 2018-01-02
- 1.0.0 — 2018-01-02

## README

# PostCSS Negative Padding [<img src="https://postcss.github.io/postcss/logo.svg" alt="PostCSS Logo" width="90" height="90" align="right">][postcss]

[![NPM Version][npm-img]][npm-url]
[![Linux Build Status][cli-img]][cli-url]
[![Windows Build Status][win-img]][win-url]
[![Gitter Chat][git-img]][git-url]

A [PostCSS] plugin which lets you use negative values within the `padding` property and creates appropriate negative margins to match.

## Usage

Example:

```css
div {
    padding: -20px;
}
```

Outputs:

```css
div {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    margin-left: -20px;
}
```

## Setup

```bash
npm install postcss-negative-padding --save-dev
```


[npm-url]: https://www.npmjs.com/package/postcss-negative-padding
[npm-img]: https://img.shields.io/npm/v/postcss-negative-padding.svg
[cli-url]: https://travis-ci.org/mindthetic/postcss-negative-padding
[cli-img]: https://img.shields.io/travis/mindthetic/postcss-negative-padding.svg
[win-url]: https://ci.appveyor.com/project/mindthetic/postcss-negative-padding
[win-img]: https://img.shields.io/appveyor/ci/mindthetic/postcss-negative-padding.svg
[git-url]: https://gitter.im/postcss/postcss
[git-img]: https://img.shields.io/badge/chat-gitter-blue.svg

[PostCSS]: https://github.com/postcss/postcss

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