RTL Support

@@adsense

To use rtl support you must include metro-rtl.css in head of you page and set attribute dir to rtl for parent element or same element.

Typography


                <link href="css/metro-rtl.css" rel="stylesheet">

                <div dir="rtl">
                    <h1>...</h1>
                    <p>...</p>
                </div>

                <p dir="rtl">...</p>

                <article dir="rtl">...</article>
            

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean luctus lectus sit amet odio ullamcorper malesuada dignissim justo gravida. Pellentesque sagittis, tellus id sagittis accumsan, augue velit pretium urna, ac interdum dui nibh et orci. Quisque dapibus elit ut metus varius ac bibendum sem luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed quis sagittis lorem. Praesent ac eros quam.


Heading

h1. Metro RTL Heading

h2. Metro RTL Heading

h3. Metro RTL Heading

h4. Metro RTL Heading

h5. Metro RTL Heading
h6. Metro RTL Heading

Lists


Description

default
Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.
horizontal
Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous Source Title

Input controls


                <div dir="rtl">
                    <div class="input-control text" data-role="input">
                        <input type="text" value="This is a text">
                    </div>
                </div>

                <div class="input-control text" data-role="input"  dir="rtl">
                    <input type="text" value="This is a text">
                </div>
            
Simple input
Input with button
Input with buttons group
Prepend icon
Helper clear
Helper reveal
Input file
Select