iglu-spacing v0.1.0

iglu-spacing

A @mixin for adding margins and paddings. Also comes with utility classes e.g. u-ml.

The units increase by 10% at every breakpoint.

Usage

@import iglu-responsive/settings
@import iglu-spacing/settings
@import iglu-responsive/tools
@import iglu-scale/tools
@import iglu-spacing/tools

.header
  +iglu-margin-bottom
  // margin-bottom is 16px up to 479px
  // margin-bottom is 18px as of 480px up to 767px
  // margin-bottom is 19px as of 768px up to 1023px
  // margin-bottom is 21px as of 1024px up to 1499px
  // margin-bottom is 22px as of 1500px

<div class="u-ml">
  I have a scaling margin on the left side.
</div>