sircus-tools-display-responsive

Tools Modules For Responsive CSS Display.

Usage no npm install needed!

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

README

sircus-tools-display-responsive

npm version

Dependencies

Installation

npm:

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

Usage

cssnext:

input.css

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

sass:

input.scss

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

html

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

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

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

Contributing

We Need Your Help!

License

Released under the MIT license.