RTLCSS breaks flag elements

[danthedeckie]

Bug Report

RTLCSS which creates the Right-To-Left language support versions (semantic.rtl.css) incorrectly converts background-position: 0 ... to background-position: 100% .... Which breaks the flags.

This is expected behaviour in RTLCSS, see:

MohammadYounes/rtlcss#109

And the correct solution is to tell RTLCSS to ignore that section.

Steps to reproduce

1. Include the semantic.rtl.css version.
2. Use a <i class="fr flag"></i> or any other flag which has a background-position:0

Expected result

The flag in the background of an i tag.

Actual result

Empty space where the flag should be.

Testcase

https://jsfiddle.net/1f4qbLa7/
(Although as the RTL version is not available on CDNJS, I copied one of the broken declarations into the CSS file for you to see the problem.

Version

2.x -> All including b3501f9 at least.