sircus-tools-layout-responsive

Tools Module For Responsive CSS Layout.

Usage no npm install needed!

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

README

sircus-tools-layout-responsive

npm version

Install

npm:

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

Usage

cssnext:

input.css

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

sass:

input.scss

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

html

<div class="t-sm-pullRight"></div>
<div class="t-sm-pullLeft"></div>
<div class="t-sm-pullNone"></div>
<div class="t-sm-static"></div>
<div class="t-sm-absolute"></div>
<div class="t-sm-fixed"></div>
<div class="t-sm-relative"></div>
<div class="t-sm-center"></div>

<div class="t-md-pullRight"></div>
<div class="t-md-pullLeft"></div>
<div class="t-md-pullNone"></div>
<div class="t-md-static"></div>
<div class="t-md-absolute"></div>
<div class="t-md-fixed"></div>
<div class="t-md-relative"></div>
<div class="t-md-center"></div>

<div class="t-lg-pullRight"></div>
<div class="t-lg-pullLeft"></div>
<div class="t-lg-pullNone"></div>
<div class="t-lg-static"></div>
<div class="t-lg-absolute"></div>
<div class="t-lg-fixed"></div>
<div class="t-lg-relative"></div>
<div class="t-lg-center"></div>

Contributing

We Need Your Help!

License

Released under the MIT license.