Layout & Typography
one.css handles basic typography and layout needs without complex grid systems.
Grid & Flex
Simple utility classes for laying out content.
Row
Use .row to create a flex container with gap.
Col 1
Col 2
Col 3
<div class="row">
<div style="flex:1">Col 1</div>
<div style="flex:1">Col 2</div>
<div style="flex:1">Col 3</div>
</div>Stack
Use .stack for vertical layouts with gap.
Item 1
Item 2
<div class="stack">
<div>Item 1</div>
<div>Item 2</div>
</div>Tables
Responsive, striped tables by default.
| Name | Role | Status |
|---|---|---|
| Alice Smith | Developer | Active |
| Bob Jones | Designer | Inactive |
<table>
<thead>
<tr><th>Name</th>...</tr>
</thead>
<tbody>
<tr><td>Alice</td>...</tr>
</tbody>
</table>Typography
Heading 1
Heading 2
Heading 3
Paragraph text. Bold text. Italic text. Small text.
Blockquote example.
<h1>Heading 1</h1>
<p>Paragraph...</p>
<blockquote>Quote...</blockquote>