Gutr CSS

Hackable gutters for your box model.

Install

Bower

$ bower install gutr --save

Usage

Markup

<div class="row">
  <div class="col-md-12 pad-y1">
    pad y 1
      │ │ └── Width: 1em
      │ └──── Direction: y (top and bottom)
      └────── Type: padding

    <div class="my-wrapper mar2">
      mar 2
        │ └── Width: 2em
        └──── Type: margin
              Direction: x and y (by default)
    </div>

  </div>
</div>

Settings

Sass:

// Sass settings
$gutr-unit: 1 !default;
$gutr-limit: 6 !default;
$gutr-measure: 'em' !default;
$gutr-cords: ('x', 'y') !default;

API

For more helper classes check out gutr.css file.

Contributions

If you would like to contribute pull requests and issues will be welcome! Feature requests are welcome. Please before sending some feature requests make sure provide as much detail and context as possible.

History

Check out releases changelog.

License

MIT license

© 2016 José Luis Quintana