Side by Side Diff: pages/content.html
Issue 29491561:
Issue 5413 - Create basic style guide for website-defaults (Closed)
Patch Set: Use includes for each demo
Created Aug. 10, 2017, 9:52 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« includes/styleguide/typography/index.md ('K')
|
« includes/styleguide/typography/index.md ('k')
|
pages/grid.html » ('j')
|
pages/grid.html » ('J')
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=Content | 1 title=Content |
| 2 | 2 |
| 3 <h1>Content</h1> | 3 <h1>Content</h1> |
| 4 <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p> | 4 <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p> |
| 5 | 5 |
| 6 <ol> | 6 <ol> |
| 7 <li><a href="#headings">Headings</a></li> | 7 <li><a href="#headings">Headings</a></li> |
| 8 <li><a href="#body-content">Body content</a></li> | 8 <li><a href="#body-content">Body content</a></li> |
| 9 <li><a href="#lists">Lists</a></li> | 9 <li><a href="#lists">Lists</a></li> |
| 10 <li><a href="#images">Images</a></li> | 10 <li><a href="#images">Images</a></li> |
| 11 </ol> | 11 </ol> |
| 12 | 12 |
| 13 <h2 id="headings">Headings</h2> | 13 <h2 id="headings">Headings</h2> |
| 14 <h1>Heading 1</h1> | 14 <? include styleguide/typography/headings ?> |
| 15 <h2>Heading 2</h2> | |
| 16 <h3>Heading 3</h3> | |
| 17 <h4>Heading 4</h4> | |
| 18 <h5>Heading 5</h5> | |
| 19 <h6>Heading 6</h6> | |
| 20 | 15 |
| 21 <h2 id="body-content">Body content</h2> | 16 <h2 id="body-content">Body content</h2> |
|
juliandoucette
2017/08/10 16:49:30
NIT: These headings seem to be relevant to the sty
ire
2017/08/11 11:09:47
They are of different levels. e..g in this page, t
juliandoucette
2017/08/20 16:48:39
Acknowledged.
| |
| 22 <p>This is a normal.</p> | 17 <? include styleguide/typography/body ?> |
| 23 <p>This is <em>emphasized</em>.</p> | |
| 24 <p>This is <strong>strong</strong>.</p> | |
| 25 <p>This is an <abbr title="Abbreviation">abbr</abbr>.</p> | |
| 26 <p>This is a <a href="#">link</a>.</p> | |
| 27 <p>This has a footnote. <sup><a href="#" class="footnote-ref">1</a></sup></p> | |
| 28 <blockquote>This is a blockquote.</blockquote> | |
| 29 | 18 |
| 30 <h2 id="lists">Lists</h2> | 19 <h2 id="lists">Lists</h2> |
| 31 | 20 |
| 32 <h3>Ordered lists</h3> | 21 <h3>Ordered lists</h3> |
| 33 <ol> | 22 <? include styleguide/lists/ordered ?> |
| 34 <li>This is a list item</li> | |
| 35 <li>This is a list item | |
| 36 <ol> | |
| 37 <li>This is a list item</li> | |
| 38 <li>This is a list item</li> | |
| 39 </ol> | |
| 40 </li> | |
| 41 <li>This is a list item</li> | |
| 42 </ol> | |
| 43 | 23 |
| 44 <h3>Unordered lists</h3> | 24 <h3>Unordered lists</h3> |
| 45 <ul> | 25 <? include styleguide/lists/unordered ?> |
| 46 <li>This is a list item</li> | |
| 47 <li>This is a list item | |
| 48 <ul> | |
| 49 <li>This is a list item</li> | |
| 50 <li>This is a list item</li> | |
| 51 </ul> | |
| 52 </li> | |
| 53 <li>This is a list item</li> | |
| 54 </ul> | |
| 55 | 26 |
| 56 <h3>Description lists</h3> | 27 <h3>Description lists</h3> |
| 57 <dl> | 28 <? include styleguide/lists/description ?> |
| 58 <dt>This is a description title</dt> | |
| 59 <dd>This is a description detail.</dd> | |
| 60 <dt>This is a description title</dt> | |
| 61 <dd>This is a description detail.</dd> | |
| 62 </dl> | |
| 63 | 29 |
| 64 <h2 id="images">Images</h2> | 30 <h2 id="images">Images</h2> |
| 65 <p> | 31 <p> |
| 66 <img src="//placehold.it/480x240?text=Fixed width" /> | 32 <img src="//placehold.it/480x240?text=Fixed width" /> |
| 67 </p> | 33 </p> |
| 68 <p> | 34 <p> |
| 69 <img class="full-width" src="//placehold.it/960x240?text=Full width" /> | 35 <img class="full-width" src="//placehold.it/960x240?text=Full width" /> |
| 70 </p> | 36 </p> |
| 71 | 37 |
| OLD | NEW |
« includes/styleguide/typography/index.md ('K')
|
« includes/styleguide/typography/index.md ('k')
|
pages/grid.html » ('j')
|
pages/grid.html » ('J')
