https://github.com/dimitrisnl/postcss-consistent-space

Maintain consistent spacing thorough your project
https://github.com/dimitrisnl/postcss-consistent-space

postcss postcss-plugin

Last synced: about 1 month ago
JSON representation

Maintain consistent spacing thorough your project

• Host: GitHub
• URL: https://github.com/dimitrisnl/postcss-consistent-space
• Owner: dimitrisnl
• License: mit
• Created: 2017-09-23T20:00:51.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2019-01-08T18:12:13.000Z (over 7 years ago)
• Last Synced: 2025-05-26T20:55:20.829Z (about 1 year ago)
• Topics: postcss, postcss-plugin
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/postcss-consistent-space
• Size: 323 KB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# PostCSS Consistent Space [![Build Status](https://travis-ci.org/dimitrisnl/postcss-consistent-space.svg?branch=master)](https://travis-ci.org/dimitrisnl/postcss-consistent-space) ![npm](https://img.shields.io/npm/dt/postcss-consistent-space.svg)

Maintain consistent margin and padding spaces thorough your project

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

[ci-img]:  https://travis-ci.org/dimitrisnl/postcss-consistent-space.svg

[ci]:      https://travis-ci.org/dimitrisnl/postcss-consistent-space

```css

.foo {

  @space margin 2 3;

}

```

```css

.foo {

  margin: 16px 24px;

}

```

## Usage

No options - fallback **8 pixel** grid

```js

postcss([ require('postcss-consistent-space') ])

```

or with props

```js

postcss([ require('postcss-consistent-space') ])

    ({

        base: 4,

        unit: 'em',

    }),

```

See [PostCSS] docs for examples for your environment.