sircus-tools-gutter

Tools Module For Horizontal Gutter.

Usage no npm install needed!

<script type="module">
  import sircusToolsGutter from 'https://cdn.skypack.dev/sircus-tools-gutter';
</script>

README

sircus-tools-gutter

npm version

Install

npm:

$ npm install sircus-tools-gutter sircus-variables

Usage

CSS:

@import "sircus-tools-gutter";
@import "sircus-variables";

html:

<div class="t-gutterQuarter"></div>
<div class="t-gutterQuarterReset"></div>

<div class="t-gutterHalf"></div>
<div class="t-gutterHalfReset"></div>

<div class="t-gutter"></div>
<div class="t-gutterReset"></div>

<div class="t-gutter"></div>
<div class="t-gutterReset"></div>

<div class="t-gutter2x"></div>
<div class="t-gutterReset2x"></div>

<div class="t-gutter3x"></div>
<div class="t-gutterReset3x"></div>

<div class="t-gutter4x"></div>
<div class="t-gutterReset4x"></div>

Responsive classes

@import "sircus-tools-gutter/responsive";
/*  OR  */
@import "sircus-tools-gutter/sm";
@import "sircus-tools-gutter/md";
@import "sircus-tools-gutter/lg";

e.g:

<div class="t-sm-gutter">...</div>
<div class="t-md-gutter2x">...</div>
<div class="t-lg-gutterReset2x">...</div>

License

Released under the MIT license.