RTL Support
@@adsenseTo 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
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem
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>