diff options
Diffstat (limited to 'htmx/static/pico-1.5.11/docs/src/scroller.html')
| -rw-r--r-- | htmx/static/pico-1.5.11/docs/src/scroller.html | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/htmx/static/pico-1.5.11/docs/src/scroller.html b/htmx/static/pico-1.5.11/docs/src/scroller.html new file mode 100644 index 0000000..bea1ab4 --- /dev/null +++ b/htmx/static/pico-1.5.11/docs/src/scroller.html @@ -0,0 +1,95 @@ +<!doctype html> +<html lang="en"> + <head> + ${require('./_head.html') + title=`Horizontal scroller` + description=`<figure> acts as a container to make any content scrollable horizontally.` + canonical=`scroller.html` + } + </head> + + <body> + ${require('./_nav.html')} + + <main class="container" id="docs"> + ${require('./_sidebar.html') active=`scroller-link`} + + <div role="document"> + <section id="scroller"> + <hgroup> + <h1>Horizontal scroller</h1> + <h2><code><<b>figure</b>></code> acts as a container to make any content scrollable horizontally.</h2> + </hgroup> + <p>Useful to have responsive <code><<b>table</b>></code></p> + <figure> + <table role="grid"> + <thead> + <tr> + <th scope="col">#</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + <th scope="col">Heading</th> + </tr> + </thead> + <tbody> + <tr> + <th scope="row">1</th> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + </tr> + <tr> + <th scope="row">2</th> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + </tr> + <tr> + <th scope="row">3</th> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + <td>Cell</td> + </tr> + </tbody> + </table> + </figure> + +<pre><code><<b>figure</b>> + <<b>table</b>> + … + </<b>table</b>> +</<b>figure</b>></code></pre> + + </section> + + ${require('./_footer.html')} + + </div> + </main> + <script src="js/commons.min.js"></script> + </body> +</html> |