Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 title=Utilities | 1 title=Utilities |
2 | 2 |
3 <h1>Utilities</h1> | 3 <h1>Utilities</h1> |
4 <p>HTML & SCSS component utilities</p> | 4 <p>HTML & SCSS component utilities</p> |
5 | 5 |
6 <ol> | 6 <ol> |
7 <li><a href="#backgrounds">Backgrounds</a></li> | 7 <li><a href="#backgrounds">Backgrounds</a></li> |
8 <li><a href="#text-alignment">Text Alignment</a></li> | 8 <li><a href="#text-alignment">Text Alignment</a></li> |
9 </ol> | 9 </ol> |
10 | 10 |
(...skipping 15 matching lines...) Expand all Loading... | |
26 <p class="text-left">Text aligned left</p> | 26 <p class="text-left">Text aligned left</p> |
27 | 27 |
28 <p class="text-start">Text aligned to the start of the container</p> | 28 <p class="text-start">Text aligned to the start of the container</p> |
29 | 29 |
30 <p class="text-right">Text aligned right</p> | 30 <p class="text-right">Text aligned right</p> |
31 | 31 |
32 <p class="text-end">Text aligned to the end of the container</p> | 32 <p class="text-end">Text aligned to the end of the container</p> |
33 | 33 |
34 <h2 id="unstyled">Unstyled</h2> | 34 <h2 id="unstyled">Unstyled</h2> |
35 | 35 |
36 <? include tests/unstyled/lists ?> | 36 <h3 id="unstyled-lists">Unstyled lists</h3> |
37 | |
38 <h4 id="unstyled-list-parent"><pre>.unstylied</pre> applied to parent</h4> | |
ire
2017/11/27 08:40:02
The <code> element is better for inline "code"
ire
2017/11/27 08:40:02
Type: "unstylied"
juliandoucette
2017/11/27 13:32:09
Good catch.
juliandoucette
2017/11/27 13:32:09
You mean typo?
ire
2017/11/27 18:07:55
Haha yes I did mean typo :P
| |
39 | |
40 <div class="unstyled"> | |
41 <ul> | |
42 <li>Level 1 item 1</li> | |
43 <li> | |
44 Level 1 item 2 | |
45 <ul> | |
46 <li>Level 2 item 1</li> | |
47 <li>Level 2 item 2</li> | |
48 </ul> | |
49 </li> | |
50 <li>Level 1 item 3</li> | |
51 </ul> | |
52 </div> | |
53 | |
54 <h4 id="unstyled-list-parent"><pre>.unstylied</pre> applied to list</h4> | |
55 | |
56 <ul class="unstyled"> | |
57 <li>Level 1 item 1</li> | |
58 <li> | |
59 Level 1 item 2 | |
60 <ul> | |
61 <li>Level 2 item 1</li> | |
62 <li>Level 2 item 2</li> | |
63 </ul> | |
64 </li> | |
65 <li>Level 1 item 3</li> | |
66 </ul> | |
67 | |
68 <h4 id="unstyled-list-parent"><pre>.unstylied</pre> applied to list item</h4> | |
69 | |
70 <div> | |
71 <ul> | |
72 <li>Level 1 item 1</li> | |
73 <li class="unstyled"> | |
74 Level 1 item 2 | |
75 <ul> | |
76 <li>Level 2 item 1</li> | |
77 <li>Level 2 item 2</li> | |
78 </ul> | |
79 </li> | |
80 <li>Level 1 item 3</li> | |
81 </ul> | |
82 </div> | |
LEFT | RIGHT |