Unified Diff: test/content.html
Issue 29361647:
Issue 4607 - Default content styles (Closed)
Patch Set: Minor change to default colors
Created Nov. 29, 2016, 4:40 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« scss/_variables.scss ('K')
|
« scss/main.scss ('k')
|
test/css/demo.css » ('j')
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: test/content.html |
| =================================================================== |
| new file mode 100644 |
| --- /dev/null |
| +++ b/test/content.html |
| @@ -0,0 +1,106 @@ |
| +<!DOCTYPE html> |
| +<!-- |
| + This file is part of website-defaults |
| + Copyright (C) 2016 Eyeo GmbH |
| + |
| + website-defaults is free software: you can redistribute it and/or |
| + modify it under the terms of the GNU General Public License as published by |
| + the Free Software Foundation, either version 3 of the License, or |
| + (at your option) any later version. |
| + |
| + website-defaults is distributed in the hope that it will be useful, |
| + but WITHOUT ANY WARRANTY; without even the implied warranty of |
| + MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| + GNU General Public License for more details. |
| + |
| + You should have received a copy of the GNU General Public License |
| + along with website-defaults. If not, see <http://www.gnu.org/licenses/>. |
| +--> |
| +<html dir="ltr"> |
| +<head> |
| + <meta charset="utf-8"> |
| + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| + <meta http-equiv="x-ua-compatible" content="ie=edge"> |
| + <title>Content</title> |
| + <link rel="stylesheet" href="css/main.css"> |
| + <link rel="stylesheet" href="css/demo.css"> |
| +</head> |
| +<body> |
| + <div class="container"> |
| + |
| + <h1>Content</h1> |
| + <p>Default styles for a subset of HTML5 elements that are supported by Markdown and recommended for website content and styleguide coverage.</p> |
| + |
| + <h2>Requirements</h2> |
| + <ul> |
| + <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> |
| + <li><a id="dir" onclick="changeDirection()">Right-to-left</a></li> |
| + <li><a href="http://browserl.ist/?q=last+2+versions%2C+Safari+6%2C+IE+8">Last 2 versions, Safari 6, IE 8</a></li> |
| + </ul> |
| + |
| + <h3 id="headings">Headings</h3> |
| + <h1>Heading 1</h1> |
| + <h2>Heading 2</h2> |
| + <h3>Heading 3</h3> |
| + <h4>Heading 4</h4> |
| + <h5>Heading 5</h5> |
| + <h6>Heading 6</h6> |
| + |
| + <h3 id="body-content">Body content</h3> |
| + <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> |
| + |
| + <h3 id="lists">Lists</h3> |
| + |
| + <h4>Ordered lists</h4> |
| + <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> |
| + |
| + <h4>Unordered lists</h4> |
| + <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> |
| + |
| + <h4>Description lists</h4> |
| + <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> |
| + |
| + <h3 id="images">Images</h3> |
| + <p> |
| + <img src="//placehold.it/480x240?text=Fixed width" /> |
| + </p> |
| + <p> |
| + <img class="full-width" src="//placehold.it/960x240?text=Full width" /> |
| + </p> |
| + |
| + </div> |
| + <script src="js/demo.js"></script> |
| +</body> |
| +</html> |
« scss/_variables.scss ('K')
|
« scss/main.scss ('k')
|
test/css/demo.css » ('j')
|
no next file with comments »
