sircus-tools-align

Tools Module For CSS text-align and vertical-align.

Usage no npm install needed!

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

README

sircus-tools-align

npm version

Installation

npm:

$ npm install sircus-tools-align sircus-variables

Usage

CSS:

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

html

/* text-align */
<p class="t-alignLeft">...</p>
<p class="t-alignRight">...</p>
<p class="t-alignCenter">...</p>
<p class="t-alignJustify">...</p>

/* vertical-align */
<span class="t-alignBaseline">...</span>
<span class="t-alignTop">...</span>
<span class="t-alignMiddle">...</span>
<span class="t-alignBottom">...</span>
<span class="t-alignTextTop">...</span>
<span class="t-alignTextBottom">...</span>

Responsive classes

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

e.g:

<p class="t-sm-alignLeft">...</p>
<p class="t-md-alignLeft">...</p>
<p class="t-lg-alignLeft">...</p>

License

Released under the MIT license.