postcss-negative-padding

PostCSS Negative Padding

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