OLD | NEW |
1 title=Grid | 1 title=Grid |
| 2 description=A responsive 2-4 column grid |
2 | 3 |
3 <h1>Grid</h1> | 4 <h1>Grid</h1> |
4 <p>A grid is made up of rows of columns. Column widths are set by modifier class
es and collapse on smaller screens. Columns may also appear in reverse order and
right-to-left direction.</p> | 5 <p>A grid is made up of rows of columns. Column widths are set by modifier class
es and collapse on smaller screens. Columns may also appear in reverse order and
right-to-left direction.</p> |
5 | 6 |
6 <ol> | 7 <ol> |
7 <li><a href="#desktop">Desktop</a></li> | 8 <li><a href="#desktop">Desktop</a></li> |
8 <li><a href="#tablet">Tablet</a></li> | 9 <li><a href="#tablet">Tablet</a></li> |
9 <li><a href="#mobile">Mobile</a></li> | 10 <li><a href="#mobile">Mobile</a></li> |
10 <li><a href="#reverse">Reverse</a></li> | 11 <li><a href="#reverse">Reverse</a></li> |
11 <li><a href="#right-to-left">Right-to-left</a></li> | 12 <li><a href="#right-to-left">Right-to-left</a></li> |
(...skipping 20 matching lines...) Expand all Loading... |
32 | 33 |
33 <h2 id="right-to-left">Right-to-left</h2> | 34 <h2 id="right-to-left">Right-to-left</h2> |
34 <div dir="rtl"> | 35 <div dir="rtl"> |
35 <? include styleguide/grid/2-column ?> | 36 <? include styleguide/grid/2-column ?> |
36 </div> | 37 </div> |
37 | 38 |
38 <h2 id="reverse-and-right-to-left">Reverse & right-to-left</h2> | 39 <h2 id="reverse-and-right-to-left">Reverse & right-to-left</h2> |
39 <div class="reverse" dir="rtl"> | 40 <div class="reverse" dir="rtl"> |
40 <? include styleguide/grid/2-column ?> | 41 <? include styleguide/grid/2-column ?> |
41 </div> | 42 </div> |
OLD | NEW |