[RTL] The icons are not inverted in RTL version

When I set rtl: true in semantic.json and make a build using gulp build the icons like arrows are not inverted

semantic v 2.2.13 gulp v 3.9.1

[TarekAlQaddy]

@MohammadYounes That helped a lot , Thanks .

[MohammadYounes]

Hi,

Yes, for LTR-first approach, Icons should be renamed. The build at semantic.rtlcss.com is made with autoRename enabled.

Semantic build system runs RTLCSS with the default options. However, gulp-rtlcss uses the same config loader used by RTLCSS CLI.

You can easily set the configuration by:

1. Putting RTLCSS config into your projects package.json file under the rtlcssConfig property. OR
2. Placing a special file .rtlcssrc or .rtlcssrc.json at the root of your project or user profile/home directory. (Default .rtlcssrc can be found here).

Another alternative would be to wrap semantic css inside rename directive.

Let me know if you need further assistance.

Thanks!