htmx/static/pico-1.5.11/docs/src/rtl.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<!doctype html>
<html lang="en">
  <head>
    ${require('./_head.html') 
      title=`RTL (Right-To-Left)`
      description=`Support for right-to-left text in Pico with dir='rtl'`
      canonical=`rtl.html`
    }
  </head>

  <body>
    ${require('./_nav.html')}
    
    <main class="container" id="docs">
      ${require('./_sidebar.html') active=`rtl-link`}
      
      <div role="document">
        <section id="rtl">
          <hgroup>
            <h1>RTL</h1>
            <h2>Support for right-to-left text in Pico.</h2>
          </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>&gt</code> element (<a href="https://codesandbox.io/s/github/picocss/examples/tree/master/v1-preview-rtl">example</a>).</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>ℹ️&nbsp;The RTL feature is still experimental and will probably evolve.</p>
        </section>

        ${require('./_footer.html')}
        
      </div>
    </main>
    <script src="js/commons.min.js"></script>
  </body>
</html>