sircus-tools-gutter-responsive

Tools Module For Responsive CSS Horizontal Gutter.

Usage no npm install needed!

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

README

sircus-tools-gutter-responsive

npm version

Install

npm:

$ npm install sircus-tools-gutter-responsive sircus-variables

Usage

cssnext:

input.css

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

sass:

input.scss

@import "./node_modules/sircus-variables/converted";
@import "./node_modules/sircus-tools-gutter-responsive/converted";

html

<div class="t-sm-gutter"></div>
<div class="t-sm-gutterReset"></div>
<div class="t-sm-gutter2x"></div>
<div class="t-sm-gutter2xReset"></div>

<div class="t-md-gutter"></div>
<div class="t-md-gutterReset"></div>
<div class="t-md-gutter2x"></div>
<div class="t-md-gutter2xReset"></div>

<div class="t-lg-gutter"></div>
<div class="t-lg-gutterReset"></div>
<div class="t-lg-gutter2x"></div>
<div class="t-lg-gutter2xReset"></div>

Contributing

We Need Your Help!

License

Released under the MIT license.