RTLCSS
Framework for converting Left-To-Right (LTR) Cascading Style Sheets(CSS) to Right-To-Left (RTL)
Automagically works!
CSS Level 3
It's more than swapping left with right, RTLCSS provides Full Support for CSS3 properties.
.selector {background }
Processing Directives
Powerful set of directives to manage the conversion process right from within your CSS.
/*rtl:*/
String Maps
Customize bi-directional string maps to match your convention and easily control URL updates.
.selector {...}
html { direction:ltr;
font-family: "Droid Sans", sans-serif/*rtl:prepend:"Droid Arabic Kufi",*/;
font-size:16px/*rtl:14px*/; }
font-family: "Droid Sans", sans-serif/*rtl:prepend:"Droid Arabic Kufi",*/;
font-size:16px/*rtl:14px*/; }
Don't repeat yourself!
Instead of authoring two sets of CSS files, one for each language direction. Just author the LTR version and RTLCSS will auto create the RTL counterpart for you!
Get Startedhtml { direction:rtl;
font-family:"Droid Arabic Kufi", "Droid Sans", sans-serif;
font-size:14px; }
font-family:"Droid Arabic Kufi", "Droid Sans", sans-serif;
font-size:14px; }
Created by Mohammad Younes
