RTL Tool

The tools rtl file contains all the important mixins and functions for developing an right-to-left website.

Installation

npm install --save iotacss-tools-rtl

Mixins

Align Content

@include align-content(flex-start / flex-end);

Align Self

@include align-self(flex-start / flex-end);

Border

@include iota-border-left($value);
@include iota-border-right($value);

Border Color

@include iota-border-left-color($value);
@include iota-border-right-color($value);
@include iota-border-color($list);

Border Radius

@include iota-border-top-radius($value);
@include iota-border-right-radius($value);
@include iota-border-bottom-radius($value);
@include iota-border-left-radius($value);
@include iota-border-top-left-radius($value);
@include iota-border-top-right-radius($value);
@include iota-border-bottom-left-radius($value);
@include iota-border-bottom-right-radius($value);

Border Style

@include iota-border-left-style($value);
@include iota-border-right-style($value);
@include iota-border-style($list);

Border Width

@include iota-border-left-width($value);
@include iota-border-right-width($value);
@include iota-border-width($list);

Clear

@include iota-align-self(left / right);

Direction

@include iota-direction(ltr / rtl);

Justify Content

@include iota-justify-content(flex-start / flex-end);

Left / Right

@include iota-left($value);
@include iota-right($value);

Margin

@include iota-margin-left($value);
@include iota-margin-right($value);
@include iota-margin($list);

Padding

@include iota-padding-left($value);
@include iota-padding-right($value);
@include iota-padding($list);

Text Align

@include iota-text-align(left / right);