Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Unified Diff: pages/content.html

Issue 29491561: Issue 5413 - Create basic style guide for website-defaults (Closed)
Patch Set: Separate Content and Developer Styleguides Created Aug. 21, 2017, 10:18 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « includes/styleguide/typography/index.html ('k') | pages/content-styleguide.md » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: pages/content.html
===================================================================
--- a/pages/content.html
+++ b/pages/content.html
@@ -6,65 +6,31 @@
<ol>
<li><a href="#headings">Headings</a></li>
<li><a href="#body-content">Body content</a></li>
<li><a href="#lists">Lists</a></li>
<li><a href="#images">Images</a></li>
</ol>
<h2 id="headings">Headings</h2>
-<h1>Heading 1</h1>
-<h2>Heading 2</h2>
-<h3>Heading 3</h3>
-<h4>Heading 4</h4>
-<h5>Heading 5</h5>
-<h6>Heading 6</h6>
+<? include styleguide/typography/headings ?>
<h2 id="body-content">Body content</h2>
-<p>This is a normal.</p>
-<p>This is <em>emphasized</em>.</p>
-<p>This is <strong>strong</strong>.</p>
-<p>This is an <abbr title="Abbreviation">abbr</abbr>.</p>
-<p>This is a <a href="#">link</a>.</p>
-<p>This has a footnote. <sup><a href="#" class="footnote-ref">1</a></sup></p>
-<blockquote>This is a blockquote.</blockquote>
+<? include styleguide/typography/body ?>
<h2 id="lists">Lists</h2>
<h3>Ordered lists</h3>
-<ol>
- <li>This is a list item</li>
- <li>This is a list item
- <ol>
- <li>This is a list item</li>
- <li>This is a list item</li>
- </ol>
- </li>
- <li>This is a list item</li>
-</ol>
+<? include styleguide/lists/ordered ?>
<h3>Unordered lists</h3>
-<ul>
- <li>This is a list item</li>
- <li>This is a list item
- <ul>
- <li>This is a list item</li>
- <li>This is a list item</li>
- </ul>
- </li>
- <li>This is a list item</li>
-</ul>
+<? include styleguide/lists/unordered ?>
<h3>Description lists</h3>
-<dl>
- <dt>This is a description title</dt>
- <dd>This is a description detail.</dd>
- <dt>This is a description title</dt>
- <dd>This is a description detail.</dd>
-</dl>
+<? include styleguide/lists/description ?>
<h2 id="images">Images</h2>
<p>
<img src="//placehold.it/480x240?text=Fixed width" />
</p>
<p>
<img class="full-width" src="//placehold.it/960x240?text=Full width" />
</p>
« no previous file with comments | « includes/styleguide/typography/index.html ('k') | pages/content-styleguide.md » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld