mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 10:46:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Docs: Add RTL

Browse source
This commit is contained in:
Lucas Larroche 2021-10-24 12:00:08 +07:00
parent 5e809bed01
commit 868e5d20cb
1 changed files with 17 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
docs/index.html
View file

@ -52,6 +52,7 @@
<li><a href="#themes" class="secondary">Themes</a></li>
<li><a href="#customization" class="secondary">Customization</a></li>
<li><a href="#classless" class="secondary">Class-less version</a></li>
<li><a href="#rtl" class="secondary">RTL</a></li>
</ul>
</details>
<details open>
@ -310,6 +311,22 @@
</section><!-- ./ Docs: Classless -->
<!-- Docs: RTL -->
<section id="rtl">
<hgroup>
<h2>RTL</h2>
<h3>Support for right-to-left text in Pico.</h3>
</hgroup>
<p>To enable RTL in Pico you need to set <code><i>dir</i>=<u>"rtl"</u></code>on the <code>&lt;<b>html</b>&lt;</html></code> element.</p>
<pre><code><em>&lt;!doctype html&gt;</em>
&lt;<b>html</b> <i>dir</i>=<u>"rtl"</u> <i>lang</i>=<u>"ar"</u>&gt;
<em>...</em>
&lt;/<b>html</b>&gt;</code></pre>
<p>The RTL feature is still experimental and will probably evolve.</p>
</section><!-- ./ Docs: RTL -->
<!-- Docs: Container -->
<section id="containers">
<hgroup>