Side by Side Diff: pages/utilities.html
Issue 29612684:
Issue 6060 - Provided lead style via website-defaults (Closed)
Base URL: https://hg.adblockplus.org/website-defaults
Patch Set:
Created Nov. 20, 2017, 3:24 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« no previous file
|
static/scss/_utilities.scss » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| 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> |
|
ire
2017/11/27 08:46:43
You forgot to add the heading here as well
juliandoucette
2017/11/27 13:11:46
Acknowledged.
juliandoucette
2017/11/27 13:12:07
Done.
| |
| 9 </ol> | 9 </ol> |
| 10 | 10 |
| 11 <h2 id="backgrounds">Backgrounds</h2> | 11 <h2 id="backgrounds">Backgrounds</h2> |
| 12 | 12 |
| 13 <p class="bg-primary">Primary background</p> | 13 <p class="bg-primary">Primary background</p> |
| 14 | 14 |
| 15 <p class="bg-secondary">Secondary background</p> | 15 <p class="bg-secondary">Secondary background</p> |
| 16 | 16 |
| 17 <p class="bg-accent">Accent background</p> | 17 <p class="bg-accent">Accent background</p> |
| 18 | 18 |
| 19 <p class="bg-error">Error background</p> | 19 <p class="bg-error">Error background</p> |
| 20 | 20 |
| 21 | 21 |
| 22 <h2 id="text-alignment">Text Alignment</h2> | 22 <h2 id="text-alignment">Text Alignment</h2> |
| 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="lead">Lead</h2> | |
| 35 | |
| 36 <p class="lead"> A "lead" paragraph is an emphasized introductory paragraph that is not a subtitle.</p> | |
| 37 | |
| 38 <p>It is typically visually emphasized, not semantically emphasized, like <code> strong</code> or <code>em</code>.</p> | |
|
ire
2017/11/27 08:46:43
This made me realise we don't have styling for <co
juliandoucette
2017/11/27 13:11:46
Yes.
| |
| OLD | NEW |
« no previous file with comments
|
« no previous file
|
static/scss/_utilities.scss » ('j')
|
no next file with comments »
