postcss-negative-padding

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


Keywords
postcss, css, postcss-plugin, padding, negative
License
CC0-1.0
Install
npm install postcss-negative-padding@0.0.7

Documentation

PostCSS Negative Padding PostCSS Logo

NPM Version Linux Build Status Windows Build Status Gitter Chat

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

Usage

Example:

div {
    padding: -20px;
}

Outputs:

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

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