| Left: | ||
| Right: |
| OLD | NEW |
|---|---|
| 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 12 matching lines...) Expand all Loading... | |
| 23 | 23 |
| 24 <p class="text-center">Text aligned center</p> | 24 <p class="text-center">Text aligned center</p> |
| 25 | 25 |
| 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 | |
| 34 <h2 id="unstyled">Unstyled</h2> | |
| 35 | |
| 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> | |
| OLD | NEW |