# 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": {
      "plugins": {
        "rtlSplit": {
          "enableRTLSplit": true,
          "templateLabel": "{{--dir}}", // this is for html template css file path dir template
          "disableMinifySelector": false,
          "dirVarName": "document.dir" // this will be used for download css based on dir
        }
      }
    }
    //  ...some things
  }
}
```
