sircus-tools-display

Tools Module For CSS Display.

Usage no npm install needed!

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

README

sircus-tools-display

npm version

Installation

npm:

$ npm install sircus-tools-display

Usage

CSS:

@import "sircus-tools-display";

html:

<div class="t-none"></div>
<div class="t-block"></div>
<div class="t-flex"></div>
<div class="t-inlineBlock"></div>
<div class="t-inline"></div>
<div class="t-table"></div>
<div class="t-tableCell"></div>

Responsive classes

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

e.g:

<div class="t-sm-none">...</div>
<div class="t-md-block">...</div>
<div class="t-lg-inlineBlock">...</div>

License

Released under the MIT license.