sircus-tools-layout

Tools Module For CSS Layouts.

Usage no npm install needed!

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

README

sircus-tools-layout

npm version

Installation

npm:

$ npm install sircus-tools-layout sircus-variables

Usage

CSS:

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

html:

/* float */
<div class="t-pullRight"></div>
<div class="t-pullLeft"></div>
<div class="t-pullNone"></div>

/* position */
<div class="t-static"></div>
<div class="t-absolute"></div>
<div class="t-fixed"></div>
<div class="t-relative"></div>

/* */
<div class="t-top0"></div>
<div class="t-bottom0"></div>
<div class="t-left0"></div>
<div class="t-right0"></div>

<div class="t-center"></div>

Responsive classes

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

e.g:

<div class="t-sm-pullRight">...</div>
<div class="t-md-static">...</div>
<div class="t-lg-fixed">...</div>

License

Released under the MIT license.