# RTL Split 

we are doing in build time generating  rtl related css code  by using @zohodesk/postcss-rt npm.
It was automated, That postcss plugin create rtl reacted css and put them into same file, with css selector [dir=rtl] and ltr realted css with [dir=ltr].
Here is problem mostly no one need rtl and ltr related css at the same time in browser, 
we are try to split them  by [dir] and load which type of css is needed.
For this purpose  we created RTL Split Plugin 


# To Try it  out  rtl-ltr split
### how to use this feature?

  to use this feature use have give the below oprtions
  `package.json`
  ```json
  {
    /// ...some things
    "react-cli": {
      //  ...some things
      "css": {
        "enableRTLSplit": true,
        "templateLabel": "{{--dir}}",// this is for html template css file path dir template
        "disableMiniFiySelector": false,
        "dirVarName": "document.dir" // this will be used for download css based on dir  
      },
      //  ...some things
    }
  }
  ```

