Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
lib
README.md
index.css
lg.css
md.css
package.json
responsive.css
sm.css

README.md

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.

You can’t perform that action at this time.