campfire-spacing v1.0.2

campfire-spacing

campfire.css CSS module for setting spacing

Installation

With npm

npm install --save-dev campfire-spacing

With Git

http:

git clone https://github.com/campfire-css/campfire-spacing

ssh:

git clone git@github.com:campfire-css/campfire-spacing.git

Usage

Using with PostCSS

Import the css module

@import "campfire-spacing";

The CSS

/*

    campfire.css
    SPACING
    https://github.com/campfire-css/campfire-spacing

    Legend:
        spacing-1 = 8px
        spacing-2 = 16px
        spacing-3 = 24px
        spacing-4 = 32px
        spacing-5 = 40px
        spacing-6 = 48px
        spacing-7 = 56px
        spacing-8 = 64px
        spacing-9 = 72px
        spacing-10 = 80px

*/


:root {

    --base-spacing: 8px;

    --spacing-1: var(--base-spacing);
    --spacing-2: calc( var(--base-spacing) * 2 );
    --spacing-3: calc( var(--base-spacing) * 3 );
    --spacing-4: calc( var(--base-spacing) * 4 );
    --spacing-5: calc( var(--base-spacing) * 5 );
    --spacing-6: calc( var(--base-spacing) * 6 );
    --spacing-7: calc( var(--base-spacing) * 7 );
    --spacing-8: calc( var(--base-spacing) * 8 );
    --spacing-9: calc( var(--base-spacing) * 9 );
    --spacing-10: calc( var(--base-spacing) * 10 );

}

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

Authors

• sgraewe

License

ISC