1.0.2 • Published 6 years ago

semantic-css-rtl-ltr-helper v1.0.2

Weekly downloads
3
License
ISC
Repository
github
Last release
6 years ago

npm version

Semantic RTL/LTR easy switch

This repository depends on Semantic CSS converted to RTL/LTR and it is added as a dependency in package.json. The code in this repository allows you to, progamantically switch between RTL/LTR semantic CSS within your
code using the minimum CSS code required to achieve it:
common.min.css - is the common CSS code between ltr/rtl files.
rtl.min.css - is the difference that allows RTL support.
ltr.min.css - is the difference that allows LTR support.

Examples:

How to use within your code:

Typescript:

/* First import the helper functions into your project like so:*/
import {setStyleDirection} from 'semantic-css-rtl-ltr-helper';   
   
/**...Some other code that you want to put here... */
   
// Then in order to switch between RTL/LTR you must execute like this:
//To set semantic RTL:
setStyleDirection("rtl");

//To set semantic LTR:
setStyleDirection("ltr");
//To disable semantic
setStyleDirection();

Javascript

Same as above but maybe use the normal js kind of import, not much other difference.

Please note:
Once you import/require
'semantic-css-rtl-ltr-helper'
into your code, 3 style tags will be automatically added into the HEAD of your rendered HTML file. of the 3 files mentioned above (common.min.css rtl.min.css ltr.min.css ) in enabled mode. so all the 3 will be active until you use one of the commands mentioned above.