aboutsummaryrefslogtreecommitdiffstatshomepage
diff options
context:
space:
mode:
authorRomain Menke <romainmenke@gmail.com>2023-12-29 14:54:45 +0100
committerRomain Menke <romainmenke@gmail.com>2023-12-29 14:54:45 +0100
commit4139f20d1cbe9269ffe3d29165f70d5e230b11c0 (patch)
treedf54e04f1870fa9c66a92923af2f7828eccc7d19
parentafda40bbccc3619697d4a815c62b254728f2f07e (diff)
downloadnormalize.css-4139f20d1cbe9269ffe3d29165f70d5e230b11c0.tar.gz
normalize.css-4139f20d1cbe9269ffe3d29165f70d5e230b11c0.zip
add docs
-rw-r--r--.github/bin/download.mjs35
-rw-r--r--.github/bin/generate-gh-pages.mjs43
-rw-r--r--.github/bin/npm-data.mjs14
-rw-r--r--.github/bin/remove-all-current-release-dirs.mjs40
-rw-r--r--.github/workflows/pages.yml30
-rw-r--r--.gitignore2
-rw-r--r--docs/.gitignore5
-rw-r--r--docs/1.0.0/normalize.css500
-rw-r--r--docs/1.0.0/test.html350
-rw-r--r--docs/1.0.1/normalize.css504
-rw-r--r--docs/1.0.1/test.html350
-rw-r--r--docs/1.0.2/normalize.css504
-rw-r--r--docs/1.0.2/test.html350
-rw-r--r--docs/1.1.0/normalize.css527
-rw-r--r--docs/1.1.0/test.html354
-rw-r--r--docs/1.1.1/normalize.css533
-rw-r--r--docs/1.1.1/test.html354
-rw-r--r--docs/1.1.2/normalize.css527
-rw-r--r--docs/1.1.2/test.html354
-rw-r--r--docs/1.1.3/normalize.css527
-rw-r--r--docs/1.1.3/test.html354
-rw-r--r--docs/11.0.0/normalize.css431
-rw-r--r--docs/11.0.0/test.html375
-rw-r--r--docs/2.0.0/normalize.css377
-rw-r--r--docs/2.0.0/test.html350
-rw-r--r--docs/2.0.1/normalize.css375
-rw-r--r--docs/2.0.1/test.html350
-rw-r--r--docs/2.1.0/normalize.css396
-rw-r--r--docs/2.1.0/test.html354
-rw-r--r--docs/2.1.1/normalize.css402
-rw-r--r--docs/2.1.1/test.html354
-rw-r--r--docs/2.1.2/normalize.css396
-rw-r--r--docs/2.1.2/test.html354
-rw-r--r--docs/2.1.3/normalize.css406
-rw-r--r--docs/2.1.3/test.html360
-rw-r--r--docs/3.0.0-rc.1/normalize.css423
-rw-r--r--docs/3.0.0-rc.1/test.html508
-rw-r--r--docs/3.0.0/normalize.css423
-rw-r--r--docs/3.0.0/test.html508
-rw-r--r--docs/3.0.1/normalize.css425
-rw-r--r--docs/3.0.1/test.html508
-rw-r--r--docs/3.0.2/normalize.css427
-rw-r--r--docs/3.0.2/test.html515
-rwxr-xr-xdocs/3.0.3/normalize.css424
-rwxr-xr-xdocs/3.0.3/test.html515
-rw-r--r--docs/4.0.0/normalize.css424
-rw-r--r--docs/4.0.0/test.html446
-rw-r--r--docs/4.1.0/normalize.css419
-rw-r--r--docs/4.1.0/test.html445
-rw-r--r--docs/4.1.1/normalize.css419
-rw-r--r--docs/4.1.1/test.html445
-rw-r--r--docs/4.2.0/normalize.css422
-rw-r--r--docs/4.2.0/test.html449
-rw-r--r--docs/5.0.0/normalize.css461
-rw-r--r--docs/5.0.0/test.html449
-rw-r--r--docs/6.0.0/normalize.css427
-rw-r--r--docs/6.0.0/test.html449
-rw-r--r--docs/7.0.0/normalize.css447
-rw-r--r--docs/7.0.0/test.html449
-rw-r--r--docs/8.0.0/normalize.css384
-rw-r--r--docs/8.0.0/test.html375
-rw-r--r--docs/9.0.0/normalize.css370
-rw-r--r--docs/9.0.0/test.html375
-rw-r--r--docs/9.0.1/normalize.css387
-rw-r--r--docs/9.0.1/test.html375
-rw-r--r--docs/favicon.icobin0 -> 15086 bytes
-rw-r--r--docs/github-logo.pngbin0 -> 4480 bytes
-rw-r--r--docs/index.html70
-rw-r--r--docs/latest/normalize.css264
-rw-r--r--docs/latest/test.html375
-rw-r--r--docs/logo.svg1
-rw-r--r--docs/main.css208
-rw-r--r--docs/normalize.css431
-rw-r--r--docs/test.html375
74 files changed, 26352 insertions, 2 deletions
diff --git a/.github/bin/download.mjs b/.github/bin/download.mjs
new file mode 100644
index 0000000..3a6d919
--- /dev/null
+++ b/.github/bin/download.mjs
@@ -0,0 +1,35 @@
+import fs from 'fs/promises';
+import path from 'node:path';
+import { spawn } from 'child_process';
+import { tmpdir } from 'node:os';
+
+export async function createTempDir() {
+ const name = await fs.mkdtemp(path.join(tmpdir(), 'normalize.css-'));
+ return [name, async () => fs.rm(name, { recursive: true, force: true })];
+}
+
+export async function curlDownloadAndExtract(url, dir) {
+ await fs.mkdir(dir, { recursive: true });
+
+ const curl = spawn('curl', [url, '-o', path.join(dir, 'archive.tgz')]);
+ await new Promise((resolve, reject) => {
+ curl.on('close', (code) => {
+ if (code === 0) {
+ resolve();
+ } else {
+ reject(new Error(`curl exited with code ${code}`));
+ }
+ });
+ });
+
+ const unzip = spawn('tar', ['-xzf', path.join(dir, 'archive.tgz'), '-C', dir, '--strip-components=1']);
+ await new Promise((resolve, reject) => {
+ unzip.on('close', (code) => {
+ if (code === 0) {
+ resolve();
+ } else {
+ reject(new Error(`tar exited with code ${code}`));
+ }
+ });
+ });
+}
diff --git a/.github/bin/generate-gh-pages.mjs b/.github/bin/generate-gh-pages.mjs
new file mode 100644
index 0000000..2f93e72
--- /dev/null
+++ b/.github/bin/generate-gh-pages.mjs
@@ -0,0 +1,43 @@
+import fs from "fs/promises";
+import path from "path";
+import { createTempDir, curlDownloadAndExtract } from "./download.mjs";
+import { getPackageDataFromNPM } from "./npm-data.mjs";
+import { removeAllReleaseDirs } from "./remove-all-current-release-dirs.mjs";
+
+await fs.copyFile(path.join('.', 'test.html'), path.join('docs', 'test.html'));
+
+await removeAllReleaseDirs();
+
+const npmData = await getPackageDataFromNPM();
+const [tmpDir, cleanup] = await createTempDir();
+
+for (const version in npmData.versions) {
+ const versionData = npmData.versions[version];
+ const tarBallURL = versionData.dist.tarball;
+ const tmpDirForVersion = path.join(tmpDir, version);
+
+ await curlDownloadAndExtract(tarBallURL, tmpDirForVersion);
+
+ await fs.mkdir(path.join('docs', version));
+ await fs.copyFile(path.join(tmpDirForVersion, 'normalize.css'), path.join('docs', version, 'normalize.css'));
+ await fs.copyFile(path.join('docs', 'test.html'), path.join('docs', version, 'test.html'));
+}
+
+for (const distTag in npmData['dist-tags']) {
+ const version = npmData['dist-tags'][distTag];
+ const versionData = npmData.versions[version];
+ if (!versionData) {
+ continue;
+ }
+
+ const tarBallURL = versionData.dist.tarball;
+ const tmpDirForVersion = path.join(tmpDir, distTag);
+
+ await curlDownloadAndExtract(tarBallURL, tmpDirForVersion);
+
+ await fs.mkdir(path.join('docs', distTag));
+ await fs.copyFile(path.join(tmpDirForVersion, 'normalize.css'), path.join('docs', distTag, 'normalize.css'));
+ await fs.copyFile(path.join('docs', 'test.html'), path.join('docs', distTag, 'test.html'));
+}
+
+await cleanup();
diff --git a/.github/bin/npm-data.mjs b/.github/bin/npm-data.mjs
new file mode 100644
index 0000000..cf4700c
--- /dev/null
+++ b/.github/bin/npm-data.mjs
@@ -0,0 +1,14 @@
+export async function getPackageDataFromNPM() {
+ const resp = await fetch(`https://registry.npmjs.org/@csstools/normalize.css`);
+ if (resp.status === 404) {
+ throw new Error(`Failed to fetch package metadata for @csstools/normalize.css, status code: ${resp.status} ${resp.statusText}`);
+ }
+
+ if (!resp.ok) {
+ throw new Error(`Failed to fetch package metadata for @csstools/normalize.css, status code: ${resp.status} ${resp.statusText}`);
+ }
+
+ const data = await resp.json();
+
+ return data;
+}
diff --git a/.github/bin/remove-all-current-release-dirs.mjs b/.github/bin/remove-all-current-release-dirs.mjs
new file mode 100644
index 0000000..581533e
--- /dev/null
+++ b/.github/bin/remove-all-current-release-dirs.mjs
@@ -0,0 +1,40 @@
+import path from 'path';
+import fs from 'fs/promises';
+
+export async function removeAllReleaseDirs() {
+ const releaseDirs = await findAllReleaseDirs();
+
+ for (const dir of releaseDirs) {
+ await fs.rm(dir, { recursive: true, force: true });
+ }
+}
+
+async function findAllReleaseDirs() {
+ const dir = path.resolve('.');
+ const dirents = await fs.readdir(dir, { withFileTypes: true });
+ const releaseDirs = dirents.map((dirent) => {
+ const res = path.resolve(dir, dirent.name);
+ if (!res.startsWith(dir)) {
+ return [];
+ }
+
+ if (dirent.isSymbolicLink()) {
+ return [];
+ }
+
+ if (dirent.isDirectory()) {
+ const basename = path.basename(res);
+ if (/^\d+\.\d+\.\d+/.test(basename) && parseInt(basename.split('.')[0], 10) >= 8) {
+ return [res];
+ }
+
+ if (basename === 'latest') {
+ return [res];
+ }
+ }
+
+ return [];
+ });
+
+ return releaseDirs.flat();
+}
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
new file mode 100644
index 0000000..dabacf2
--- /dev/null
+++ b/.github/workflows/pages.yml
@@ -0,0 +1,30 @@
+name: Pages
+on:
+ workflow_dispatch:
+
+jobs:
+ update-directory:
+ runs-on: ubuntu-latest
+ steps:
+ - name: check out
+ uses: actions/checkout@v4
+ with:
+ fetch-depth: 1
+
+ - name: setup node
+ uses: actions/setup-node@v4.0.1
+ with:
+ node-version: latest
+
+ - name: generate
+ run: |
+ node .github/bin/generate-gh-pages.mjs
+
+ - name: save
+ run: |
+ # Git config
+ git config user.name github-actions[bot]
+ git config user.email 41898282+github-actions[bot]@users.noreply.github.com
+ git add .
+ git commit --allow-empty -m "Generate pages"
+ git push --set-upstream origin main
diff --git a/.gitignore b/.gitignore
index 64e719e..9796e48 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,5 @@
node_modules
npm-debug.log
yarn.lock
-.*
!.editorconfig
!.gitignore
-!.travis.yml
diff --git a/docs/.gitignore b/docs/.gitignore
new file mode 100644
index 0000000..386adc2
--- /dev/null
+++ b/docs/.gitignore
@@ -0,0 +1,5 @@
+.DS_Store
+*.orig
+*.swo
+*.swp
+node_modules
diff --git a/docs/1.0.0/normalize.css b/docs/1.0.0/normalize.css
new file mode 100644
index 0000000..f3e29ec
--- /dev/null
+++ b/docs/1.0.0/normalize.css
@@ -0,0 +1,500 @@
+/*! normalize.css v1.0.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
+ * and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Addresses `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/*
+ * Addresses font sizes and margins set differently in IE 6/7.
+ * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.75em;
+ margin: 2.33em 0;
+}
+
+/*
+ * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/*
+ * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/*
+ * Addresses CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/*
+ * Addresses `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+small {
+ font-size: 75%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/*
+ * Addresses paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/*
+ * Corrects list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/*
+ * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improves image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/*
+ * Corrects margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
+ * 2. Corrects text not wrapping in Firefox 3.
+ * 3. Corrects alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers.
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improves appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/*
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ * 3. Removes excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.0.0/test.html b/docs/1.0.0/test.html
new file mode 100644
index 0000000..c75e4b9
--- /dev/null
+++ b/docs/1.0.0/test.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://placekitten.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <var>var element</var> example<br>
+ The <u>u element</u> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://placekitten.com/100/100" alt="">
+ <a href="#"><img src="http://placekitten.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://placekitten.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://placekitten.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://placekitten.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/1.0.1/normalize.css b/docs/1.0.1/normalize.css
new file mode 100644
index 0000000..d4210aa
--- /dev/null
+++ b/docs/1.0.1/normalize.css
@@ -0,0 +1,504 @@
+/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
+ * and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Addresses `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/*
+ * Addresses font sizes and margins set differently in IE 6/7.
+ * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.75em;
+ margin: 2.33em 0;
+}
+
+/*
+ * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/*
+ * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/*
+ * Addresses CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/*
+ * Addresses `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/*
+ * Addresses paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/*
+ * Corrects list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/*
+ * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improves image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/*
+ * Corrects margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
+ * 2. Corrects text not wrapping in Firefox 3.
+ * 3. Corrects alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers.
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improves appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/*
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ * 3. Removes excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.0.1/test.html b/docs/1.0.1/test.html
new file mode 100644
index 0000000..750e547
--- /dev/null
+++ b/docs/1.0.1/test.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/1.0.2/normalize.css b/docs/1.0.2/normalize.css
new file mode 100644
index 0000000..bc73222
--- /dev/null
+++ b/docs/1.0.2/normalize.css
@@ -0,0 +1,504 @@
+/*! normalize.css v1.0.2 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
+ * and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Addresses `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/*
+ * Addresses font sizes and margins set differently in IE 6/7.
+ * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+/*
+ * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/*
+ * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/*
+ * Addresses CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/*
+ * Addresses `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/*
+ * Addresses margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/*
+ * Addresses paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/*
+ * Corrects list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/*
+ * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improves image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/*
+ * Corrects margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 6/7/8/9.
+ * 2. Corrects text not wrapping in Firefox 3.
+ * 3. Corrects alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers.
+ * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improves appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/*
+ * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ * 3. Removes excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.0.2/test.html b/docs/1.0.2/test.html
new file mode 100644
index 0000000..750e547
--- /dev/null
+++ b/docs/1.0.2/test.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/1.1.0/normalize.css b/docs/1.1.0/normalize.css
new file mode 100644
index 0000000..4d4d01d
--- /dev/null
+++ b/docs/1.1.0/normalize.css
@@ -0,0 +1,527 @@
+/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.1.0/test.html b/docs/1.1.0/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/1.1.0/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/1.1.1/normalize.css b/docs/1.1.1/normalize.css
new file mode 100644
index 0000000..8d57e3c
--- /dev/null
+++ b/docs/1.1.1/normalize.css
@@ -0,0 +1,533 @@
+/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Prevent system color scheme's background color being used in Firefox, IE,
+ * and Opera.
+ * 2. Prevent system color scheme's text color being used in Firefox, IE, and
+ * Opera.
+ * 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 4. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ background: #fff; /* 1 */
+ color: #000; /* 2 */
+ font-size: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 4 */
+ -ms-text-size-adjust: 100%; /* 4 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.1.1/test.html b/docs/1.1.1/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/1.1.1/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/1.1.2/normalize.css b/docs/1.1.2/normalize.css
new file mode 100644
index 0000000..6e8e42d
--- /dev/null
+++ b/docs/1.1.2/normalize.css
@@ -0,0 +1,527 @@
+/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.1.2/test.html b/docs/1.1.2/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/1.1.2/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/1.1.3/normalize.css b/docs/1.1.3/normalize.css
new file mode 100644
index 0000000..42e24d6
--- /dev/null
+++ b/docs/1.1.3/normalize.css
@@ -0,0 +1,527 @@
+/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
+ * Known issue: no IE 6 support.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
+ * `em` units.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Address `font-family` inconsistency between `textarea` and other form
+ * elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/**
+ * Address margins handled incorrectly in IE 6/7.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address font sizes and margins set differently in IE 6/7.
+ * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
+ * and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.67em;
+ margin: 2.33em 0;
+}
+
+/**
+ * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ * Known issue: no IE 6/7 normalization.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 6/7/8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/**
+ * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/**
+ * Address CSS quotes not supported in IE 6/7.
+ */
+
+q {
+ quotes: none;
+}
+
+/**
+ * Address `quotes` property not supported in Safari 4.
+ */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Lists
+ ========================================================================== */
+
+/**
+ * Address margins set differently in IE 6/7.
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/**
+ * Address paddings set differently in IE 6/7.
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/**
+ * Correct list images handled incorrectly in IE 7.
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
+ * 2. Improve image quality when scaled in IE 7.
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Correct margin displayed oddly in IE 6/7.
+ */
+
+form {
+ margin: 0;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct color not being inherited in IE 6/7/8/9.
+ * 2. Correct text not wrapping in Firefox 3.
+ * 3. Correct alignment displayed oddly in IE 6/7.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/**
+ * 1. Correct font size not being inherited in all browsers.
+ * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
+ * and Chrome.
+ * 3. Improve appearance and consistency in all browsers.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/**
+ * Address Firefox 3+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
+ * Known issue: inner spacing remains in IE 6.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+ *overflow: visible; /* 4 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to content-box in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ * 3. Remove excess padding in IE 7.
+ * Known issue: excess padding remains in IE 6.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 3+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 6/7/8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/1.1.3/test.html b/docs/1.1.3/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/1.1.3/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/11.0.0/normalize.css b/docs/11.0.0/normalize.css
new file mode 100644
index 0000000..da84267
--- /dev/null
+++ b/docs/11.0.0/normalize.css
@@ -0,0 +1,431 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/11.0.0/test.html b/docs/11.0.0/test.html
new file mode 100644
index 0000000..3f0bbda
--- /dev/null
+++ b/docs/11.0.0/test.html
@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>normalize.css: tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe::before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-it::before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe::before,
+ .Test-it::before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #add8e6;
+ }
+</style>
+
+<div class="Test">
+ <h1 class="Test-title"><a href="https://github.com/csstools/normalize.css">normalize.css</a>: tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should not adjust font size after orientation changes</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code> or <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <hr style="height:2px; border:solid #add8e6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>main</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <main>main</main>
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline text decoration with an underline fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have a bolder font-weight</h3>
+ <div class="Test-run">
+ <p>
+ <b>b</b>
+ <strong>strong</strong>
+ </p>
+ <p style="font-weight:300;">
+ <b>b</b>
+ <strong>strong from font-weight:300</strong>
+ </p>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>video</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <audio controls></audio>
+ <video controls></video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run">
+ <audio></audio>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#add8e6; vertical-align:top;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#add8e6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should have no margin</h3>
+ <div class="Test-run">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #add8e6;
+ display: inline-block;
+ height: 10px;
+ position: relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <button>button</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #add8e6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#add8e6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset style="width: 34em;">
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#add8e6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>progress</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <progress value="70" max="100">70%</progress>
+ </div>
+ <h3 class="Test-it">should have baseline alignment</h3>
+ <div class="Test-run">
+ abc <progress value="70" max="100">70%</progress> xyz
+ </div>
+
+ <h2 class="Test-describe"><code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #add8e6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe"><code>::placeholder</code></h2>
+ <h3 class="Test-it">placeholder should be styleable</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="placeholder text" style="color: blue;">
+ </div>
+
+ <h2 class="Test-describe"><code>::file-upload-button</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="file" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe">::focus-inner, ::focusring</h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ padding: 10px 20px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>details</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run">
+ <details></details>
+ </div>
+
+ <h2 class="Test-describe"><code>dialog</code></h2>
+ <h3 class="Test-it">should be absolutely positioned</h3>
+ <div class="Test-run" style="position:relative; height:3em;">
+ <dialog open>dialog</dialog>
+ </div>
+
+ <h2 class="Test-describe"><code>summary</code></h2>
+ <h3 class="Test-it">should display as list-item</h3>
+ <div class="Test-run">
+ <details>
+ <summary>Summary</summary>
+ <p>More information</p>
+ </details>
+ </div>
+</div>
diff --git a/docs/2.0.0/normalize.css b/docs/2.0.0/normalize.css
new file mode 100644
index 0000000..4c3a36d
--- /dev/null
+++ b/docs/2.0.0/normalize.css
@@ -0,0 +1,377 @@
+/*! normalize.css v2.0.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/2.0.0/test.html b/docs/2.0.0/test.html
new file mode 100644
index 0000000..750e547
--- /dev/null
+++ b/docs/2.0.0/test.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/2.0.1/normalize.css b/docs/2.0.1/normalize.css
new file mode 100644
index 0000000..57b5d26
--- /dev/null
+++ b/docs/2.0.1/normalize.css
@@ -0,0 +1,375 @@
+/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/*
+ * Corrects `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/*
+ * Corrects `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/*
+ * Addresses styling for `hidden` attribute not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/*
+ * 1. Sets default font family to sans-serif.
+ * 2. Prevents iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Removes default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/*
+ * Addresses `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/*
+ * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
+ * Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+}
+
+/*
+ * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/*
+ * Addresses styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+
+/*
+ * Corrects font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/*
+ * Sets consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/*
+ * Addresses inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/*
+ * Prevents `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/*
+ * Removes border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/*
+ * Addresses margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/*
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * 1. Corrects font family not being inherited in all browsers.
+ * 2. Corrects font size not being inherited in all browsers.
+ * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/*
+ * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/*
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Corrects inability to style clickable `input` types in iOS.
+ * 3. Improves usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to `content-box` in IE 8/9.
+ * 2. Removes excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/*
+ * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE 8/9.
+ * 2. Improves readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/*
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/2.0.1/test.html b/docs/2.0.1/test.html
new file mode 100644
index 0000000..750e547
--- /dev/null
+++ b/docs/2.0.1/test.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/2.1.0/normalize.css b/docs/2.1.0/normalize.css
new file mode 100644
index 0000000..a9c6f52
--- /dev/null
+++ b/docs/2.1.0/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/2.1.0/test.html b/docs/2.1.0/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/2.1.0/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/2.1.1/normalize.css b/docs/2.1.1/normalize.css
new file mode 100644
index 0000000..6d24a38
--- /dev/null
+++ b/docs/2.1.1/normalize.css
@@ -0,0 +1,402 @@
+/*! normalize.css v2.1.1 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Prevent system color scheme's background color being used in Firefox, IE,
+ * and Opera.
+ * 2. Prevent system color scheme's text color being used in Firefox, IE, and
+ * Opera.
+ * 3. Set default font family to sans-serif.
+ * 4. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ background: #fff; /* 1 */
+ color: #000; /* 2 */
+ font-family: sans-serif; /* 3 */
+ -ms-text-size-adjust: 100%; /* 4 */
+ -webkit-text-size-adjust: 100%; /* 4 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/2.1.1/test.html b/docs/2.1.1/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/2.1.1/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/2.1.2/normalize.css b/docs/2.1.2/normalize.css
new file mode 100644
index 0000000..6adf56e
--- /dev/null
+++ b/docs/2.1.2/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/2.1.2/test.html b/docs/2.1.2/test.html
new file mode 100644
index 0000000..d7103c4
--- /dev/null
+++ b/docs/2.1.2/test.html
@@ -0,0 +1,354 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/2.1.3/normalize.css b/docs/2.1.3/normalize.css
new file mode 100644
index 0000000..c2de8df
--- /dev/null
+++ b/docs/2.1.3/normalize.css
@@ -0,0 +1,406 @@
+/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background: transparent;
+}
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/docs/2.1.3/test.html b/docs/2.1.3/test.html
new file mode 100644
index 0000000..c900991
--- /dev/null
+++ b/docs/2.1.3/test.html
@@ -0,0 +1,360 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width">
+ <title>Normalize CSS</title>
+ <link rel="stylesheet" href="normalize.css">
+ <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <style>
+ #boxsize button,
+ #boxsize input,
+ #boxsize select,
+ #boxsize textarea {
+ width: 200px;
+ padding: 5px;
+ border: 1px solid #333;
+ }
+ </style>
+ </head>
+ <body>
+ <h1>Heading 1</h1>
+ <h2>Heading 2</h2>
+ <h3>Heading 3</h3>
+ <h4>Heading 4</h4>
+ <h5>Heading 5</h5>
+ <h6>Heading 6</h6>
+
+ <section>
+ <h1>Heading 1 (in section)</h1>
+ <h2>Heading 2 (in section)</h2>
+ <h3>Heading 3 (in section)</h3>
+ <h4>Heading 4 (in section)</h4>
+ <h5>Heading 5 (in section)</h5>
+ <h6>Heading 6 (in section)</h6>
+ </section>
+
+ <article>
+ <h1>Heading 1 (in article)</h1>
+ <h2>Heading 2 (in article)</h2>
+ <h3>Heading 3 (in article)</h3>
+ <h4>Heading 4 (in article)</h4>
+ <h5>Heading 5 (in article)</h5>
+ <h6>Heading 6 (in article)</h6>
+ </article>
+
+ <header>
+ <hgroup>
+ <h1>Heading 1 (in hgroup)</h1>
+ <h2>Heading 2 (in hgroup)</h2>
+ </hgroup>
+ <nav>
+ <ul>
+ <li><a href="#">navigation item #1</a></li>
+ <li><a href="#">navigation item #2</a></li>
+ <li><a href="#">navigation item #3</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <h1>Text-level semantics</h1>
+
+ <p hidden>This should be hidden in all browsers, apart from IE6</p>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <address>Address: somewhere, world</address>
+
+ <hr>
+
+ <hr style="height:4px; border:solid #000; border-width:1px 0;">
+
+ <p>
+ The <a href="#">a element</a> example<br>
+ The <abbr>abbr element</abbr> and <abbr title="Title text">abbr element with title</abbr> examples<br>
+ The <b>b element</b> example<br>
+ The <cite>cite element</cite> example<br>
+ The <code>code element</code> example<br>
+ The <del>del element</del> example<br>
+ The <dfn>dfn element</dfn> and <dfn title="Title text">dfn element with title</dfn> examples<br>
+ The <em>em element</em> example<br>
+ The <i>i element</i> example<br>
+ The img element <img src="http://lorempixel.com/16/16" alt=""> example<br>
+ The <ins>ins element</ins> example<br>
+ The <kbd>kbd element</kbd> example<br>
+ The <mark>mark element</mark> example<br>
+ The <q>q element <q>inside</q> a q element</q> example<br>
+ The <s>s element</s> example<br>
+ The <samp>samp element</samp> example<br>
+ The <small>small element</small> example<br>
+ The <span>span element</span> example<br>
+ The <strong>strong element</strong> example<br>
+ The <sub>sub element</sub> example<br>
+ The <sup>sup element</sup> example<br>
+ The <u>u element</u> example<br>
+ The <var>var element</var> example
+ </p>
+
+ <h1>Template content</h1>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+
+ <h1>Embedded content</h1>
+
+ <h3>audio</h3>
+
+ <audio controls></audio>
+ <audio></audio>
+
+ <h3>img</h3>
+
+ <img src="http://lorempixel.com/100/100" alt="">
+ <a href="#"><img src="http://lorempixel.com/100/100" alt=""></a>
+
+ <h3>svg</h3>
+
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ff0000" />
+ </svg>
+
+ <h3>video</h3>
+
+ <video controls></video>
+ <video></video>
+
+ <h1>Interactive content</h1>
+
+ <h3>details / summary</h3>
+ <details>
+ <summary>More info</summary>
+ <p>Additional information</p>
+ <ul>
+ <li>Point 1</li>
+ <li>Point 2</li>
+ </ul>
+ </details>
+
+ <h1>Grouping content</h1>
+
+ <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et m.</p>
+
+ <h3>pre</h3>
+
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+
+ <pre><code>&lt;html>
+ &lt;head>
+ &lt;/head>
+ &lt;body>
+ &lt;div class="main"> &lt;div>
+ &lt;/body>
+&lt;/html></code></pre>
+
+ <h3>blockquote</h3>
+
+ <blockquote>
+ <p>Some sort of famous witty quote marked up with a &lt;blockquote> and a child &lt;p> element.</p>
+ </blockquote>
+
+ <blockquote>Even better philosophical quote marked up with just a &lt;blockquote> element.</blockquote>
+
+ <h3>ordered list</h3>
+
+ <ol>
+ <li>list item 1</li>
+ <li>list item 1
+ <ol>
+ <li>list item 2</li>
+ <li>list item 2
+ <ol>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ol>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ol>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ol>
+
+ <h3>unordered list</h3>
+
+ <ul>
+ <li>list item 1</li>
+ <li>list item 1
+ <ul>
+ <li>list item 2</li>
+ <li>list item 2
+ <ul>
+ <li>list item 3</li>
+ <li>list item 3</li>
+ </ul>
+ </li>
+ <li>list item 2</li>
+ <li>list item 2</li>
+ </ul>
+ </li>
+ <li>list item 1</li>
+ <li>list item 1</li>
+ </ul>
+
+ <h3>description list</h3>
+
+ <dl>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ <dd>Description value</dd>
+ <dt>Description name</dt>
+ <dt>Description name</dt>
+ <dd>Description value</dd>
+ </dl>
+
+ <h3>figure</h3>
+
+ <figure>
+ <img src="http://lorempixel.com/400/200" alt="">
+ <figcaption>Figcaption content</figcaption>
+ </figure>
+
+ <h1>Tabular data</h1>
+
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <h1>Forms</h1>
+
+ <form>
+ <fieldset>
+ <legend>Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.</legend>
+ <p><label>Text input <input type="text" value="default value that goes on and on without stopping or punctuation"></label></p>
+ <p><label>Email input <input type="email"></label></p>
+ <p><label>Search input <input type="search"></label></p>
+ <p><label>Tel input <input type="tel"></label></p>
+ <p><label>URL input <input type="url" placeholder="http://"></label></p>
+ <p><label>Password input <input type="password" value="password"></label></p>
+ <p><label>File input <input type="file"></label></p>
+
+ <p><label>Radio input <input type="radio" name="rad"></label></p>
+ <p><label>Checkbox input <input type="checkbox"></label></p>
+ <p><label><input type="radio" name="rad"> Radio input</label></p>
+ <p><label><input type="checkbox"> Checkbox input</label></p>
+
+ <p><label>Select field <select><option>Option 01</option><option>Option 02</option></select></label></p>
+ <p><label>Textarea <textarea cols="30" rows="5" >Textarea text</textarea></label></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Inputs as siblings of labels</legend>
+ <p><label for="ic">Color input</label> <input type="color" id="ic" value="#000000"></p>
+ <p><label for="in">Number input</label> <input type="number" id="in" min="0" max="10" value="5"></p>
+ <p><label for="ir">Range input</label> <input type="range" id="ir" value="10"></p>
+ <p><label for="idd">Date input</label> <input type="date" id="idd" value="1970-01-01"></p>
+ <p><label for="idm">Month input</label> <input type="month" id="idm" value="1970-01"></p>
+ <p><label for="idw">Week input</label> <input type="week" id="idw" value="1970-W01"></p>
+ <p><label for="idt">Datetime input</label> <input type="datetime" id="idt" value="1970-01-01T00:00:00Z"></p>
+ <p><label for="idtl">Datetime-local input</label> <input type="datetime-local" id="idtl" value="1970-01-01T00:00"></p>
+
+ <p><label for="irb">Radio input</label> <input type="radio" id="irb" name="rad"></p>
+ <p><label for="icb">Checkbox input</label> <input type="checkbox" id="icb"></p>
+ <p><input type="radio" id="irb2" name="rad"> <label for="irb2">Radio input</label></p>
+ <p><input type="checkbox" id="icb2"> <label for="icb2">Checkbox input</label></p>
+
+ <p><label for="s">Select field</label> <select id="s"><option>Option 01</option><option>Option 02</option></select></p>
+ <p><label for="t">Textarea</label> <textarea id="t" cols="30" rows="5" >Textarea text</textarea></p>
+ </fieldset>
+
+ <fieldset>
+ <legend>Clickable inputs and buttons</legend>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></p>
+ <p><input type="reset" value="Reset (input)"></p>
+ <p><input type="button" value="Button (input)"></p>
+ <p><input type="submit" value="Submit (input)"></p>
+ <p><input type="submit" value="Disabled (input)" disabled></p>
+
+
+ <p><button type="reset">Reset (button)</button></p>
+ <p><button type="button">Button (button)</button></p>
+ <p><button type="submit">Submit (button)</button></p>
+ <p><button type="submit" disabled>Disabled (button)</button></p>
+ </fieldset>
+
+ <fieldset id="boxsize">
+ <legend>box-sizing tests</legend>
+ <div><input type="text" value="text"></div>
+ <div><input type="email" value="email"></div>
+ <div><input type="search" value="search"></div>
+ <div><input type="url" value="http://example.com"></div>
+ <div><input type="password" value="password"></div>
+
+ <div><input type="color" value="#000000"></div>
+ <div><input type="number" value="5"></div>
+ <div><input type="range" value="10"></div>
+ <div><input type="date" value="1970-01-01"></div>
+ <div><input type="month" value="1970-01"></div>
+ <div><input type="week" value="1970-W01"></div>
+ <div><input type="datetime" value="1970-01-01T00:00:00Z"></div>
+ <div><input type="datetime-local" value="1970-01-01T00:00"></div>
+
+ <div><input type="radio"></div>
+ <div><input type="checkbox"></div>
+
+ <div><select><option>Option 01</option><option>Option 02</option></select></div>
+ <div><textarea cols="30" rows="5">Textarea text</textarea></div>
+
+ <div><input type="image" src="http://lorempixel.com/90/24" alt="Image (input)"></div>
+ <div><input type="reset" value="Reset (input)"></div>
+ <div><input type="button" value="Button (input)"></div>
+ <div><input type="submit" value="Submit (input)"></div>
+
+ <div><button type="reset">Reset (button)</button></div>
+ <div><button type="button">Button (button)</button></div>
+ <div><button type="submit">Submit (button)</button></div>
+ </fieldset>
+ </form>
+
+ </body>
+</html>
diff --git a/docs/3.0.0-rc.1/normalize.css b/docs/3.0.0-rc.1/normalize.css
new file mode 100644
index 0000000..a21e378
--- /dev/null
+++ b/docs/3.0.0-rc.1/normalize.css
@@ -0,0 +1,423 @@
+/*! normalize.css v3.0.0-rc.1 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8+, and Opera
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/docs/3.0.0-rc.1/test.html b/docs/3.0.0-rc.1/test.html
new file mode 100644
index 0000000..e85aafb
--- /dev/null
+++ b/docs/3.0.0-rc.1/test.html
@@ -0,0 +1,508 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have san-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe"><code>article</code>, <code>aside</code>, <code>details</code>, <code>figure</code>, <code>figcaption</code>, <code>footer</code>, <code>header</code>, <code>hgroup</code>, <code>main</code>, <code>nav</code>, <code>section</code>, <code>summary</code></h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <hgroup>hgroup</hgroup>
+ <main>main</main>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted bottom border</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bold font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should trigger a scrollbar when too wide for its container</h3>
+ <div class="Test-run" style="max-width:300px; outline:1px solid #ADD8E6;">
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render <code>em</code>-unit preformatted text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>color</code> from ancestor</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input value="input (text)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>input</code></h2>
+ <h3 class="Test-it">should not inherit <code>line-height</code></h3>
+ <div class="Test-run" style="line-height:50px">
+ <input value="input (text)">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <div style="background:red; display:inline-block; height:62px; width:242px;">
+ <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
+ </div>
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>table</code></h2>
+ <h3 class="Test-it">should not have spaces between cells</h3>
+ <div class="Test-run">
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</div>
diff --git a/docs/3.0.0/normalize.css b/docs/3.0.0/normalize.css
new file mode 100644
index 0000000..196d223
--- /dev/null
+++ b/docs/3.0.0/normalize.css
@@ -0,0 +1,423 @@
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9.
+ * Hide the `template` element in IE, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8+, and Opera
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/docs/3.0.0/test.html b/docs/3.0.0/test.html
new file mode 100644
index 0000000..002b07b
--- /dev/null
+++ b/docs/3.0.0/test.html
@@ -0,0 +1,508 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe"><code>article</code>, <code>aside</code>, <code>details</code>, <code>figure</code>, <code>figcaption</code>, <code>footer</code>, <code>header</code>, <code>hgroup</code>, <code>main</code>, <code>nav</code>, <code>section</code>, <code>summary</code></h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <hgroup>hgroup</hgroup>
+ <main>main</main>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted bottom border</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bold font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should trigger a scrollbar when too wide for its container</h3>
+ <div class="Test-run" style="max-width:300px; outline:1px solid #ADD8E6;">
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render <code>em</code>-unit preformatted text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>color</code> from ancestor</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input value="input (text)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>input</code></h2>
+ <h3 class="Test-it">should not inherit <code>line-height</code></h3>
+ <div class="Test-run" style="line-height:50px">
+ <input value="input (text)">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <div style="background:red; display:inline-block; height:62px; width:242px;">
+ <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
+ </div>
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>table</code></h2>
+ <h3 class="Test-it">should not have spaces between cells</h3>
+ <div class="Test-run">
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</div>
diff --git a/docs/3.0.1/normalize.css b/docs/3.0.1/normalize.css
new file mode 100644
index 0000000..08f8950
--- /dev/null
+++ b/docs/3.0.1/normalize.css
@@ -0,0 +1,425 @@
+/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/docs/3.0.1/test.html b/docs/3.0.1/test.html
new file mode 100644
index 0000000..03d2bf6
--- /dev/null
+++ b/docs/3.0.1/test.html
@@ -0,0 +1,508 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe"><code>article</code>, <code>aside</code>, <code>details</code>, <code>figure</code>, <code>figcaption</code>, <code>footer</code>, <code>header</code>, <code>hgroup</code>, <code>main</code>, <code>nav</code>, <code>section</code>, <code>summary</code></h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <hgroup>hgroup</hgroup>
+ <main>main</main>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted bottom border</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bold font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should trigger a scrollbar when too wide for its container</h3>
+ <div class="Test-run" style="max-width:300px; outline:1px solid #ADD8E6;">
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render <code>em</code>-unit preformatted text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>color</code> from ancestor</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input value="input (text)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>input</code></h2>
+ <h3 class="Test-it">should not inherit <code>line-height</code></h3>
+ <div class="Test-run" style="line-height:50px">
+ <input value="input (text)">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <div style="background:red; display:inline-block; height:62px; width:242px;">
+ <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
+ </div>
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>table</code></h2>
+ <h3 class="Test-it">should not have spaces between cells</h3>
+ <div class="Test-run">
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</div>
diff --git a/docs/3.0.2/normalize.css b/docs/3.0.2/normalize.css
new file mode 100644
index 0000000..458eea1
--- /dev/null
+++ b/docs/3.0.2/normalize.css
@@ -0,0 +1,427 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/docs/3.0.2/test.html b/docs/3.0.2/test.html
new file mode 100644
index 0000000..e0e96e1
--- /dev/null
+++ b/docs/3.0.2/test.html
@@ -0,0 +1,515 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>hgroup</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <hgroup>hgroup</hgroup>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted bottom border</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bold font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should trigger a scrollbar when too wide for its container</h3>
+ <div class="Test-run" style="max-width:300px; outline:1px solid #ADD8E6;">
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render <code>em</code>-unit preformatted text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>color</code> from ancestor</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input value="input (text)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>input</code></h2>
+ <h3 class="Test-it">should not inherit <code>line-height</code></h3>
+ <div class="Test-run" style="line-height:50px">
+ <input value="input (text)">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <div style="background:red; display:inline-block; height:62px; width:242px;">
+ <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
+ </div>
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>table</code></h2>
+ <h3 class="Test-it">should not have spaces between cells</h3>
+ <div class="Test-run">
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</div>
diff --git a/docs/3.0.3/normalize.css b/docs/3.0.3/normalize.css
new file mode 100755
index 0000000..5e5e3c8
--- /dev/null
+++ b/docs/3.0.3/normalize.css
@@ -0,0 +1,424 @@
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS and IE text size adjust after device orientation change,
+ * without disabling user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
+ * Correct `block` display not defined for `main` in IE 11.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * 1. Correct `inline-block` display not defined in IE 8/9.
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address `[hidden]` styling not present in IE 8/9/10.
+ * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
+ */
+
+[hidden],
+template {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background color from active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Improve readability of focused elements when they are also in an
+ * active/hover state.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9/10.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow not hidden in IE 9/10/11.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Contain overflow in all browsers.
+ */
+
+pre {
+ overflow: auto;
+}
+
+/**
+ * Address odd `em`-unit font size rendering in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
+ * styling of `select`, unless a `border` property is set.
+ */
+
+/**
+ * 1. Correct color not being inherited.
+ * Known issue: affects color of disabled elements.
+ * 2. Correct font properties not being inherited.
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ */
+
+button {
+ overflow: visible;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
+ * Correct `select` style inheritance in Firefox.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+input {
+ line-height: normal;
+}
+
+/**
+ * It's recommended that you don't attempt to style these elements.
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
+ *
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
+ * 2. Remove excess padding in IE 8/9/10.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
+ * `font-size` values of the `input`, it causes the cursor style of the
+ * decrement button to change from `default` to `text`.
+ */
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ box-sizing: content-box; /* 2 */
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
+ * Safari (but not Chrome) clips the cancel button when the search input has
+ * padding (and `textfield` appearance).
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Remove default vertical scrollbar in IE 8/9/10/11.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * Don't inherit the `font-weight` (applied by a rule above).
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/* Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
diff --git a/docs/3.0.3/test.html b/docs/3.0.3/test.html
new file mode 100755
index 0000000..e0e96e1
--- /dev/null
+++ b/docs/3.0.3/test.html
@@ -0,0 +1,515 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>hgroup</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <hgroup>hgroup</hgroup>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted bottom border</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bold font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should trigger a scrollbar when too wide for its container</h3>
+ <div class="Test-run" style="max-width:300px; outline:1px solid #ADD8E6;">
+ <pre>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render <code>em</code>-unit preformatted text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>color</code> from ancestor</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input value="input (text)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>input</code></h2>
+ <h3 class="Test-it">should not inherit <code>line-height</code></h3>
+ <div class="Test-run" style="line-height:50px">
+ <input value="input (text)">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <div style="background:red; display:inline-block; height:62px; width:242px;">
+ <input type="search" style="border:1px solid #ADD8E6; height:20px; padding:20px; width:200px;">
+ </div>
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>table</code></h2>
+ <h3 class="Test-it">should not have spaces between cells</h3>
+ <div class="Test-run">
+ <table>
+ <caption>Jimi Hendrix - albums</caption>
+ <thead>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </thead>
+ <tfoot>
+ <tr>
+ <th>Album</th>
+ <th>Year</th>
+ <th>Price</th>
+ </tr>
+ </tfoot>
+ <tbody>
+ <tr>
+ <td>Are You Experienced</td>
+ <td>1967</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Axis: Bold as Love</td>
+ <td>1967</td>
+ <td>$12.00</td>
+ </tr>
+ <tr>
+ <td>Electric Ladyland</td>
+ <td>1968</td>
+ <td>$10.00</td>
+ </tr>
+ <tr>
+ <td>Band of Gypsys</td>
+ <td>1970</td>
+ <td>$12.00</td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+</div>
diff --git a/docs/4.0.0/normalize.css b/docs/4.0.0/normalize.css
new file mode 100644
index 0000000..b0d3f97
--- /dev/null
+++ b/docs/4.0.0/normalize.css
@@ -0,0 +1,424 @@
+/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section,
+summary { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Change font properties to `inherit` in all browsers (opinionated).
+ */
+
+button,
+input,
+select,
+textarea {
+ font: inherit;
+}
+
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ * 2. Show the overflow in Edge, Firefox, and IE.
+ */
+
+button,
+input, /* 1 */
+select { /* 2 */
+ overflow: visible;
+}
+
+/**
+ * Remove the margin in Safari.
+ * 1. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+select,
+textarea { /* 1 */
+ margin: 0;
+}
+
+/**
+ * Remove the inheritence of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritence of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * Change the cursor in all browsers (opinionated).
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ cursor: pointer;
+}
+
+/**
+ * Restore the default cursor to disabled elements unset by the previous rule.
+ */
+
+[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+input:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the odd appearance of search inputs in Chrome and Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield;
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome on OS X and
+ * Safari on OS X.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
diff --git a/docs/4.0.0/test.html b/docs/4.0.0/test.html
new file mode 100644
index 0000000..a9d5524
--- /dev/null
+++ b/docs/4.0.0/test.html
@@ -0,0 +1,446 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should have <code>pointer</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="image" src="http://lorempixel.com/90/24" alt="input (image)"></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input value="input (text)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="checkbox"]</code>, <code>input[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>input[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+</div>
diff --git a/docs/4.1.0/normalize.css b/docs/4.1.0/normalize.css
new file mode 100644
index 0000000..ac61051
--- /dev/null
+++ b/docs/4.1.0/normalize.css
@@ -0,0 +1,419 @@
+/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section,
+summary { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+select,
+textarea {
+ font: inherit; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
diff --git a/docs/4.1.0/test.html b/docs/4.1.0/test.html
new file mode 100644
index 0000000..f4d47ee
--- /dev/null
+++ b/docs/4.1.0/test.html
@@ -0,0 +1,445 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not skip underlines</h3>
+ <div class="Test-run">
+ <a href="#non">quip and jig</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+ <h3 class="Test-it">should reference inherited color</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ </div>
+
+</div>
diff --git a/docs/4.1.1/normalize.css b/docs/4.1.1/normalize.css
new file mode 100644
index 0000000..18ddf7f
--- /dev/null
+++ b/docs/4.1.1/normalize.css
@@ -0,0 +1,419 @@
+/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section,
+summary { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+select,
+textarea {
+ font: inherit; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
diff --git a/docs/4.1.1/test.html b/docs/4.1.1/test.html
new file mode 100644
index 0000000..f4d47ee
--- /dev/null
+++ b/docs/4.1.1/test.html
@@ -0,0 +1,445 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not skip underlines</h3>
+ <div class="Test-run">
+ <a href="#non">quip and jig</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+ <h3 class="Test-it">should reference inherited color</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ </div>
+
+</div>
diff --git a/docs/4.2.0/normalize.css b/docs/4.2.0/normalize.css
new file mode 100644
index 0000000..5250b74
--- /dev/null
+++ b/docs/4.2.0/normalize.css
@@ -0,0 +1,422 @@
+/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ line-height: 1.15; /* 2 */
+ -ms-text-size-adjust: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/* HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ * 2. Add the correct display in IE.
+ */
+
+article,
+aside,
+details, /* 1 */
+figcaption,
+figure,
+footer,
+header,
+main, /* 2 */
+menu,
+nav,
+section,
+summary { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+canvas,
+progress,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Add the correct display in IE 10-.
+ * 1. Add the correct display in IE.
+ */
+
+template, /* 1 */
+[hidden] {
+ display: none;
+}
+
+/* Links
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change font properties to `inherit` in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font: inherit; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Restore the font weight unset by the previous rule.
+ */
+
+optgroup {
+ font-weight: bold;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
diff --git a/docs/4.2.0/test.html b/docs/4.2.0/test.html
new file mode 100644
index 0000000..b868836
--- /dev/null
+++ b/docs/4.2.0/test.html
@@ -0,0 +1,449 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not skip underlines</h3>
+ <div class="Test-run">
+ <a href="#non">quip and jig</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font</code> from ancestor</h3>
+ <div class="Test-run" style="font:bold italic 20px/1 serif;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+ <h3 class="Test-it">should reference inherited color</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ </div>
+
+</div>
diff --git a/docs/5.0.0/normalize.css b/docs/5.0.0/normalize.css
new file mode 100644
index 0000000..9b77e0e
--- /dev/null
+++ b/docs/5.0.0/normalize.css
@@ -0,0 +1,461 @@
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+/* Document
+ ========================================================================== */
+
+html {
+ font-family: sans-serif; /* 1 */
+ line-height: 1.15; /* 2 */
+ -ms-text-size-adjust: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/5.0.0/test.html b/docs/5.0.0/test.html
new file mode 100644
index 0000000..a8f7bad
--- /dev/null
+++ b/docs/5.0.0/test.html
@@ -0,0 +1,449 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not skip underlines</h3>
+ <div class="Test-run">
+ <a href="#non">quip and jig</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
+ <div class="Test-run" style="font-size: 20px;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+ <h3 class="Test-it">should reference inherited color</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ </div>
+
+</div>
diff --git a/docs/6.0.0/normalize.css b/docs/6.0.0/normalize.css
new file mode 100644
index 0000000..b26c100
--- /dev/null
+++ b/docs/6.0.0/normalize.css
@@ -0,0 +1,427 @@
+/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/6.0.0/test.html b/docs/6.0.0/test.html
new file mode 100644
index 0000000..a8f7bad
--- /dev/null
+++ b/docs/6.0.0/test.html
@@ -0,0 +1,449 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not skip underlines</h3>
+ <div class="Test-run">
+ <a href="#non">quip and jig</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
+ <div class="Test-run" style="font-size: 20px;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+ <h3 class="Test-it">should reference inherited color</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ </div>
+
+</div>
diff --git a/docs/7.0.0/normalize.css b/docs/7.0.0/normalize.css
new file mode 100644
index 0000000..fa4e73d
--- /dev/null
+++ b/docs/7.0.0/normalize.css
@@ -0,0 +1,447 @@
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+ ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/7.0.0/test.html b/docs/7.0.0/test.html
new file mode 100644
index 0000000..a8f7bad
--- /dev/null
+++ b/docs/7.0.0/test.html
@@ -0,0 +1,449 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Normalize CSS: UI tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe:before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ }
+
+ .Test-it:before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe {
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-describe:before,
+ .Test-it:before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /* Custom helpers */
+
+ /**
+ * Test whether the body's margin has been removed
+ */
+
+ body {
+ background: red;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #ADD8E6;
+ }
+</style>
+
+<div class="Test">
+ .
+
+ <h1 class="Test-title"><a href="https://github.com/necolas/normalize.css">Normalize.css</a>: UI tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have sans-serif font family (opinionated)</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>body</code></h2>
+ <h3 class="Test-it">should have no margin (opinionated)</h3>
+ <div class="Test-run">
+ (there should be no red background visible on this page)
+ </div>
+
+ <h2 class="Test-describe">
+ <code>article</code>, <code>aside</code>, <code>details</code>,
+ <code>figure</code>, <code>figcaption</code>, <code>footer</code>,
+ <code>header</code>, <code>main</code>,
+ <code>menu</code>, <code>nav</code>, <code>section</code>,
+ <code>summary</code>
+ </h2>
+ <h3 class="Test-it">should render as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <article>article</article>
+ <aside>aside</aside>
+ <details>
+ <summary>summary</summary>
+ details
+ </details>
+ <figure>
+ figure
+ <figcaption>figcaption</figcaption>
+ </figure>
+ <footer>footer</footer>
+ <header>header</header>
+ <main>main</main>
+ <menu><li>menu</li></menu>
+ <nav>nav</nav>
+ <section>section</section>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>canvas</code>, <code>progress</code>, <code>video</code></h2>
+ <h3 class="Test-it">should render as inline-block and baseline-aligned</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio controls>audio</audio>
+ <canvas>canvas</canvas>
+ <progress>progress</progress>
+ <video controls>video</video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio:not([controls])</code>, <code>template</code>, <code>[hidden]</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <audio>audio</audio>
+ <template>
+ <h1>{{title}}</h1>
+ <content></content>
+ </template>
+ <p hidden>This should be hidden</p>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+ <h3 class="Test-it">should not skip underlines</h3>
+ <div class="Test-run">
+ <a href="#non">quip and jig</a>
+ </div>
+ <h3 class="Test-it">should not have a focus outline when both focused and hovered (opinionated)</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline with a solid underline as a fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have bolder font-weight</h3>
+ <div class="Test-run">
+ <b>b</b>
+ <strong>strong</strong>
+ </div>
+
+ <h2 class="Test-describe"><code>dfn</code></h2>
+ <h3 class="Test-it">should have italic font-style</h3>
+ <div class="Test-run">
+ <dfn>dfn</dfn>
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ </div>
+ <h3 class="Test-it">should not change size within a <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>mark</code></h2>
+ <h3 class="Test-it">should have a yellow background</h3>
+ <div class="Test-run">
+ <mark>mark</mark>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>sub</code> and <code>sup</code></h2>
+ <h3 class="Test-it">should not affect a line's visual line-height</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <p>control.</p>
+ <p>control. <sub>sub.</sub></p>
+ <p>control. <sup>sup.</sup></p>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#ADD8E6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>pre</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>figure</code></h2>
+ <h3 class="Test-it">should have margins</h3>
+ <div class="Test-run" style="outline:1px solid #ADD8E6; overflow:hidden;">
+ <figure>
+ <img style="background-color:#ADD8E6" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="400" height="200">
+ </figure>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run" style="">
+ <hr style="height:2px; border:solid #ADD8E6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should inherit <code>font-size</code> from ancestor</h3>
+ <div class="Test-run" style="font-size: 20px;">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+ <h3 class="Test-it">should not have margins</h3>
+ <div class="Test-run" id="form-collection-margins">
+ <style>
+ #form-collection-margins {
+ outline: 1px solid #ADD8E6;
+ overflow: hidden;
+ }
+
+ #form-collection-margins button,
+ #form-collection-margins input,
+ #form-collection-margins select,
+ #form-collection-margins textarea {
+ display: block;
+ }
+ </style>
+ <button>button</button>
+ <input value="input">
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #ADD8E6;
+ display: inline-block;
+ height: 10px;
+ position:relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase">
+ <button>button</button>
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #ADD8E6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe">disabled <code>button</code> and <code>input</code></h2>
+ <h3 class="Test-it">should have <code>default</code> cursor style</h3>
+ <div class="Test-run">
+ <p><button disabled>button</button></p>
+ <p><input disabled type="button" value="input (button)"></p>
+ <p><input disabled type="reset" value="input (reset)"></p>
+ <p><input disabled type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code></h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ border: 0;
+ padding: 0;
+ outline: 1px solid #ADD8E6;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#ADD8E6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#ADD8E6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #ADD8E6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #ADD8E6; padding:10px; width:200px;">
+ </div>
+ <h3 class="Test-it">should not have a cancel button in Safari or Chrome</h3>
+ <div class="Test-run">
+ <input type="search" value="search">
+ </div>
+ <h3 class="Test-it">should reference inherited color</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="Text goes here" style="background-color: black; color: orange;">
+ </div>
+
+</div>
diff --git a/docs/8.0.0/normalize.css b/docs/8.0.0/normalize.css
new file mode 100644
index 0000000..71ad9df
--- /dev/null
+++ b/docs/8.0.0/normalize.css
@@ -0,0 +1,384 @@
+/*! normalize.css v8.0.0 | MIT License | github.com/csstools/normalize.css */
+
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+}
+
+/**
+ * Add the correct text decoration in Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule in Firefox.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * Show the overflow in Edge and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge and IE.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/8.0.0/test.html b/docs/8.0.0/test.html
new file mode 100644
index 0000000..3f0bbda
--- /dev/null
+++ b/docs/8.0.0/test.html
@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>normalize.css: tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe::before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-it::before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe::before,
+ .Test-it::before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #add8e6;
+ }
+</style>
+
+<div class="Test">
+ <h1 class="Test-title"><a href="https://github.com/csstools/normalize.css">normalize.css</a>: tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should not adjust font size after orientation changes</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code> or <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <hr style="height:2px; border:solid #add8e6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>main</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <main>main</main>
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline text decoration with an underline fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have a bolder font-weight</h3>
+ <div class="Test-run">
+ <p>
+ <b>b</b>
+ <strong>strong</strong>
+ </p>
+ <p style="font-weight:300;">
+ <b>b</b>
+ <strong>strong from font-weight:300</strong>
+ </p>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>video</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <audio controls></audio>
+ <video controls></video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run">
+ <audio></audio>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#add8e6; vertical-align:top;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#add8e6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should have no margin</h3>
+ <div class="Test-run">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #add8e6;
+ display: inline-block;
+ height: 10px;
+ position: relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <button>button</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #add8e6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#add8e6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset style="width: 34em;">
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#add8e6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>progress</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <progress value="70" max="100">70%</progress>
+ </div>
+ <h3 class="Test-it">should have baseline alignment</h3>
+ <div class="Test-run">
+ abc <progress value="70" max="100">70%</progress> xyz
+ </div>
+
+ <h2 class="Test-describe"><code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #add8e6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe"><code>::placeholder</code></h2>
+ <h3 class="Test-it">placeholder should be styleable</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="placeholder text" style="color: blue;">
+ </div>
+
+ <h2 class="Test-describe"><code>::file-upload-button</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="file" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe">::focus-inner, ::focusring</h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ padding: 10px 20px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>details</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run">
+ <details></details>
+ </div>
+
+ <h2 class="Test-describe"><code>dialog</code></h2>
+ <h3 class="Test-it">should be absolutely positioned</h3>
+ <div class="Test-run" style="position:relative; height:3em;">
+ <dialog open>dialog</dialog>
+ </div>
+
+ <h2 class="Test-describe"><code>summary</code></h2>
+ <h3 class="Test-it">should display as list-item</h3>
+ <div class="Test-run">
+ <details>
+ <summary>Summary</summary>
+ <p>More information</p>
+ </details>
+ </div>
+</div>
diff --git a/docs/9.0.0/normalize.css b/docs/9.0.0/normalize.css
new file mode 100644
index 0000000..15963e0
--- /dev/null
+++ b/docs/9.0.0/normalize.css
@@ -0,0 +1,370 @@
+/*! normalize.css v8.0.0 | MIT License | github.com/csstools/normalize.css */
+
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * Show the overflow in Edge and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge and IE.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/9.0.0/test.html b/docs/9.0.0/test.html
new file mode 100644
index 0000000..3f0bbda
--- /dev/null
+++ b/docs/9.0.0/test.html
@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>normalize.css: tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe::before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-it::before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe::before,
+ .Test-it::before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #add8e6;
+ }
+</style>
+
+<div class="Test">
+ <h1 class="Test-title"><a href="https://github.com/csstools/normalize.css">normalize.css</a>: tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should not adjust font size after orientation changes</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code> or <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <hr style="height:2px; border:solid #add8e6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>main</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <main>main</main>
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline text decoration with an underline fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have a bolder font-weight</h3>
+ <div class="Test-run">
+ <p>
+ <b>b</b>
+ <strong>strong</strong>
+ </p>
+ <p style="font-weight:300;">
+ <b>b</b>
+ <strong>strong from font-weight:300</strong>
+ </p>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>video</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <audio controls></audio>
+ <video controls></video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run">
+ <audio></audio>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#add8e6; vertical-align:top;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#add8e6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should have no margin</h3>
+ <div class="Test-run">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #add8e6;
+ display: inline-block;
+ height: 10px;
+ position: relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <button>button</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #add8e6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#add8e6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset style="width: 34em;">
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#add8e6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>progress</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <progress value="70" max="100">70%</progress>
+ </div>
+ <h3 class="Test-it">should have baseline alignment</h3>
+ <div class="Test-run">
+ abc <progress value="70" max="100">70%</progress> xyz
+ </div>
+
+ <h2 class="Test-describe"><code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #add8e6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe"><code>::placeholder</code></h2>
+ <h3 class="Test-it">placeholder should be styleable</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="placeholder text" style="color: blue;">
+ </div>
+
+ <h2 class="Test-describe"><code>::file-upload-button</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="file" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe">::focus-inner, ::focusring</h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ padding: 10px 20px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>details</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run">
+ <details></details>
+ </div>
+
+ <h2 class="Test-describe"><code>dialog</code></h2>
+ <h3 class="Test-it">should be absolutely positioned</h3>
+ <div class="Test-run" style="position:relative; height:3em;">
+ <dialog open>dialog</dialog>
+ </div>
+
+ <h2 class="Test-describe"><code>summary</code></h2>
+ <h3 class="Test-it">should display as list-item</h3>
+ <div class="Test-run">
+ <details>
+ <summary>Summary</summary>
+ <p>More information</p>
+ </details>
+ </div>
+</div>
diff --git a/docs/9.0.1/normalize.css b/docs/9.0.1/normalize.css
new file mode 100644
index 0000000..a51bab5
--- /dev/null
+++ b/docs/9.0.1/normalize.css
@@ -0,0 +1,387 @@
+/*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */
+
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * Show the overflow in Edge and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge and IE.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/9.0.1/test.html b/docs/9.0.1/test.html
new file mode 100644
index 0000000..3f0bbda
--- /dev/null
+++ b/docs/9.0.1/test.html
@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>normalize.css: tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe::before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-it::before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe::before,
+ .Test-it::before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #add8e6;
+ }
+</style>
+
+<div class="Test">
+ <h1 class="Test-title"><a href="https://github.com/csstools/normalize.css">normalize.css</a>: tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should not adjust font size after orientation changes</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code> or <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <hr style="height:2px; border:solid #add8e6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>main</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <main>main</main>
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline text decoration with an underline fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have a bolder font-weight</h3>
+ <div class="Test-run">
+ <p>
+ <b>b</b>
+ <strong>strong</strong>
+ </p>
+ <p style="font-weight:300;">
+ <b>b</b>
+ <strong>strong from font-weight:300</strong>
+ </p>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>video</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <audio controls></audio>
+ <video controls></video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run">
+ <audio></audio>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#add8e6; vertical-align:top;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#add8e6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should have no margin</h3>
+ <div class="Test-run">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #add8e6;
+ display: inline-block;
+ height: 10px;
+ position: relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <button>button</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #add8e6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#add8e6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset style="width: 34em;">
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#add8e6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>progress</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <progress value="70" max="100">70%</progress>
+ </div>
+ <h3 class="Test-it">should have baseline alignment</h3>
+ <div class="Test-run">
+ abc <progress value="70" max="100">70%</progress> xyz
+ </div>
+
+ <h2 class="Test-describe"><code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #add8e6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe"><code>::placeholder</code></h2>
+ <h3 class="Test-it">placeholder should be styleable</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="placeholder text" style="color: blue;">
+ </div>
+
+ <h2 class="Test-describe"><code>::file-upload-button</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="file" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe">::focus-inner, ::focusring</h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ padding: 10px 20px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>details</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run">
+ <details></details>
+ </div>
+
+ <h2 class="Test-describe"><code>dialog</code></h2>
+ <h3 class="Test-it">should be absolutely positioned</h3>
+ <div class="Test-run" style="position:relative; height:3em;">
+ <dialog open>dialog</dialog>
+ </div>
+
+ <h2 class="Test-describe"><code>summary</code></h2>
+ <h3 class="Test-it">should display as list-item</h3>
+ <div class="Test-run">
+ <details>
+ <summary>Summary</summary>
+ <p>More information</p>
+ </details>
+ </div>
+</div>
diff --git a/docs/favicon.ico b/docs/favicon.ico
new file mode 100644
index 0000000..5536224
--- /dev/null
+++ b/docs/favicon.ico
Binary files differ
diff --git a/docs/github-logo.png b/docs/github-logo.png
new file mode 100644
index 0000000..6400645
--- /dev/null
+++ b/docs/github-logo.png
Binary files differ
diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 0000000..e21dbe3
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="en">
+ <meta charset="utf-8">
+ <meta name="viewport" content="initial-scale=1,width=device-width">
+ <title>normalize.css</title>
+ <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:700|Open+Sans">
+ <link rel="stylesheet" href="8.0.0/normalize.css">
+ <link rel="stylesheet" href="main.css">
+ <link rel="icon" href="favicon.ico">
+ <div class="container">
+ <div class="site-box">
+ <div class="hgroup">
+ <img class="logo" src="logo.svg" alt="normalize.css">
+ <h1 class="title">normalize.css</h1>
+ <h2 class="tagline">A cross-browser CSS foundation</h2>
+ </div>
+
+ <p class="txt-large">
+ <a href="https://github.com/csstools/normalize.css/">normalize.css</a> makes browsers render all elements more consistently and in line with modern standards.
+ It precisely targets only the styles that need normalizing.
+ </p>
+
+ <div class="cta-option">
+ <a class="btn-download"
+ href="https://csstools.github.io/normalize.css/11.0.0/normalize.css">
+ <strong>Download</strong>
+ <span class="version">v11.0.0</span>
+ </a>
+ <div class="txt-small txt-mute">Chrome, Edge, Firefox ESR+, IE 9+, Safari 8+, Opera</div>
+ <a class="txt-small txt-mute"
+ href="https://github.com/csstools/normalize.css/blob/11.0.0/CHANGELOG.md">See the CHANGELOG</a>
+ </div>
+
+ <div class="txt-large">
+ <pre><code><a href="https://www.npmjs.com/package/@csstools/normalize.css">npm</a> install @csstools/normalize.css</code></pre>
+ </div>
+
+ <div class="share-bar">
+ <a class="read-more" href="https://github.com/csstools/normalize.css/#readme">Read more about normalize.css &raquo;</a>
+
+ <div class="share-opt">
+ <a href="https://github.com/csstools/normalize.css">
+ <img src="github-logo.png" width="28" height="28" alt="GitHub">
+ </a>
+ </div>
+
+ <div class="share-opt">
+ <a class="twitter-share-button" href="https://twitter.com/share?text=normalize.css%3A+a+cross-browser+CSS+foundation&amp;url=https://csstools.github.io/normalize.css/" target="_blank" rel="noopener">Tweet</a>
+ </div>
+ </div>
+ </div>
+
+ <div class="site-footer">
+ <p class="txt-large">&hellip;as used by
+ <a href="https://twitter.com/" target="_blank" rel="noopener">Twitter</a>,
+ <a href="https://tweetdeck.twitter.com/" target="_blank" rel="noopener">TweetDeck</a>,
+ <a href="https://github.com/" target="_blank" rel="noopener">GitHub</a>,
+ <a href="https://soundcloud.com/" target="_blank" rel="noopener">Soundcloud</a>,
+ <a href="https://www.theguardian.com/uk?view=mobile" target="_blank" rel="noopener">Guardian</a>,
+ <a href="https://medium.com/" target="_blank" rel="noopener">Medium</a>,
+ <a href="https://www.gov.uk/" target="_blank" rel="noopener">GOV.UK</a>,
+ <a href="https://getbootstrap.com/" target="_blank" rel="noopener">Bootstrap</a>,
+ <a href="https://html5boilerplate.com/" target="_blank" rel="noopener">HTML5 Boilerplate</a>,
+ and many others.
+ </p>
+
+ <p>Source code available on GitHub: <a href="https://github.com/csstools/normalize.css/">csstools/normalize.css</a>.</p>
+ </div>
+ </div>
+</html>
diff --git a/docs/latest/normalize.css b/docs/latest/normalize.css
new file mode 100644
index 0000000..eab5780
--- /dev/null
+++ b/docs/latest/normalize.css
@@ -0,0 +1,264 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ */
+
+:where(html) {
+ line-height: 1.15; /* 1 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+:where(h1) {
+ font-size: 2em;
+ margin-block-end: 0.67em;
+ margin-block-start: 0.67em;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, and Safari.
+ */
+
+:where(dl, ol, ul) :where(dl, ol, ul) {
+ margin-block-end: 0;
+ margin-block-start: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ */
+
+:where(hr) {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+:where(pre) {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Add the correct text decoration in Safari.
+ */
+
+:where(abbr[title]) {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+:where(b, strong) {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+:where(code, kbd, samp) {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+:where(small) {
+ font-size: 80%;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color in Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+:where(table) {
+ border-color: currentColor; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+:where(button, input, select) {
+ margin: 0;
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+:where(button) {
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+:where(button, input:is([type="button" i], [type="reset" i], [type="submit" i])) {
+ -webkit-appearance: button;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+:where(progress) {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+:where(select) {
+ text-transform: none;
+}
+
+/**
+ * Remove the margin in Firefox and Safari.
+ */
+
+:where(textarea) {
+ margin: 0;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+:where(input[type="search" i]) {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:where(button, input:is([type="button" i], [type="color" i], [type="reset" i], [type="submit" i]))::-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:where(:-moz-ui-invalid) {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct styles in Safari.
+ */
+
+:where(dialog) {
+ background-color: white;
+ border: solid;
+ color: black;
+ height: -moz-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: fit-content;
+}
+
+:where(dialog:not([open])) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+:where(summary) {
+ display: list-item;
+}
diff --git a/docs/latest/test.html b/docs/latest/test.html
new file mode 100644
index 0000000..3f0bbda
--- /dev/null
+++ b/docs/latest/test.html
@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>normalize.css: tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe::before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-it::before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe::before,
+ .Test-it::before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #add8e6;
+ }
+</style>
+
+<div class="Test">
+ <h1 class="Test-title"><a href="https://github.com/csstools/normalize.css">normalize.css</a>: tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should not adjust font size after orientation changes</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code> or <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <hr style="height:2px; border:solid #add8e6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>main</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <main>main</main>
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline text decoration with an underline fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have a bolder font-weight</h3>
+ <div class="Test-run">
+ <p>
+ <b>b</b>
+ <strong>strong</strong>
+ </p>
+ <p style="font-weight:300;">
+ <b>b</b>
+ <strong>strong from font-weight:300</strong>
+ </p>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>video</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <audio controls></audio>
+ <video controls></video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run">
+ <audio></audio>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#add8e6; vertical-align:top;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#add8e6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should have no margin</h3>
+ <div class="Test-run">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #add8e6;
+ display: inline-block;
+ height: 10px;
+ position: relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <button>button</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #add8e6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#add8e6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset style="width: 34em;">
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#add8e6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>progress</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <progress value="70" max="100">70%</progress>
+ </div>
+ <h3 class="Test-it">should have baseline alignment</h3>
+ <div class="Test-run">
+ abc <progress value="70" max="100">70%</progress> xyz
+ </div>
+
+ <h2 class="Test-describe"><code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #add8e6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe"><code>::placeholder</code></h2>
+ <h3 class="Test-it">placeholder should be styleable</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="placeholder text" style="color: blue;">
+ </div>
+
+ <h2 class="Test-describe"><code>::file-upload-button</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="file" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe">::focus-inner, ::focusring</h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ padding: 10px 20px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>details</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run">
+ <details></details>
+ </div>
+
+ <h2 class="Test-describe"><code>dialog</code></h2>
+ <h3 class="Test-it">should be absolutely positioned</h3>
+ <div class="Test-run" style="position:relative; height:3em;">
+ <dialog open>dialog</dialog>
+ </div>
+
+ <h2 class="Test-describe"><code>summary</code></h2>
+ <h3 class="Test-it">should display as list-item</h3>
+ <div class="Test-run">
+ <details>
+ <summary>Summary</summary>
+ <p>More information</p>
+ </details>
+ </div>
+</div>
diff --git a/docs/logo.svg b/docs/logo.svg
new file mode 100644
index 0000000..9e6ca0d
--- /dev/null
+++ b/docs/logo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="70" width="70"><path d="M35 0l35 35-35 35L0 35z" fill="#e3695f"/><path d="M24.58 18.553v14.77L8.884 35.378l20.587 2.695V32.49l15.95 18.956v-14.77l15.697-2.054-20.587-2.695v5.58L24.58 18.553z" fill="#fff"/></svg> \ No newline at end of file
diff --git a/docs/main.css b/docs/main.css
new file mode 100644
index 0000000..ebe567e
--- /dev/null
+++ b/docs/main.css
@@ -0,0 +1,208 @@
+html {
+ background: #fff;
+ color: #333;
+ font: 16px/1.4 "Open Sans", "Helvetica", "Arial", sans-serif;
+}
+
+body {
+ max-width: 720px;
+ padding: 20px 40px;
+ margin: 0 auto;
+}
+
+a {
+ color: #e3695f;
+ text-decoration: none;
+}
+
+a:hover,
+a:focus,
+a:active {
+ text-decoration: underline;
+}
+
+h1,
+h2 {
+ line-height: 1.2;
+ font-family: 'Source Sans Pro', sans-serif;
+}
+
+p {
+ margin: 1em 0;
+}
+
+/**
+ * Structure
+ */
+
+.site-box {
+ padding: 40px 60px 0;
+ margin: 0 0 3em;
+ background: #fff;
+ text-align: center;
+ box-shadow: 2px 4px 6px 1px rgba(50, 50, 50, 0.14);
+}
+
+.site-footer {
+ width: 85%;
+ margin: 0 auto;
+}
+
+.logo {
+ width: 10rem;
+}
+
+.title {
+ margin-bottom: 40px;
+ font-size: 2.6em;
+}
+
+.tagline {
+ margin: 0 0 0.75em;
+ font-size: 2.25em;
+}
+
+/**
+ * Calls to action
+ */
+
+.cta-option {
+ position: relative;
+ display: inline-block;
+ /* IE6/7 inline-block hack */
+ *display: inline;
+ *zoom: 1;
+
+ margin: 1.5em 0.75em 0.5em;
+ vertical-align: bottom;
+}
+
+/**
+ * Download button
+ */
+
+.btn-download {
+ position: relative;
+ display: inline-block;
+ /* IE6/7 inline-block hack */
+ *display: inline;
+ *zoom: 1;
+
+ padding: 0.4em 1em;
+ border: 1px solid #e3695f;
+ margin: 0 0 10px;
+ color: #fff;
+ background: #e3695f;
+ border-radius: 4px;
+ font-size: 1.5em;
+ text-align: center;
+ text-decoration: none;
+ white-space: nowrap;
+}
+
+.btn-download:hover,
+.btn-download:focus,
+.btn-download:active {
+ text-decoration: none;
+}
+
+/**
+ * Alternative download button
+ *
+ * @extends .btn-download
+ */
+
+.btn-download-alt {
+ border-color: #ccc;
+ background: #eee;
+ box-shadow: none;
+ color: #666;
+ font-size: 1.25em;
+}
+
+.btn-download-alt:hover,
+.btn-download-alt:focus,
+.btn-download-alt:active {
+ background: #f5f5f5;
+}
+
+.btn-download-alt:active {
+ background: #ddd;
+}
+
+/**
+ * Share bar
+ */
+
+.share-bar {
+ overflow: hidden;
+ padding: 15px 30px;
+ border-top: 1px solid #ddd;
+ margin: 50px -60px 0;
+ background: #fff;
+ line-height: 28px;
+ *zoom: 1;
+}
+
+.share-opt {
+ float: left;
+ height: 28px;
+ margin: 0 15px 0 0;
+}
+
+.read-more {
+ float: right;
+}
+
+/**
+ * Utilities
+ */
+
+.txt-small {
+ font-size: 0.75em;
+}
+
+.txt-large {
+ font-size: 1.25em;
+}
+
+.txt-mute {
+ color: #999;
+}
+
+@media screen and (max-width: 700px) {
+ .read-more {
+ float: none;
+ display: block;
+ margin: 0 0 1em;
+ line-height: 1.2;
+ }
+}
+
+@media screen and (max-width: 540px) {
+ body {
+ padding: 20px;
+ font-size: 0.875em;
+ }
+
+ .site-box {
+ padding: 30px 30px 0;
+ }
+
+ .cta-option {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .share-bar {
+ margin-left: -30px;
+ margin-right: -30px;
+ text-align: center;
+ }
+
+ .share-opt {
+ float: none;
+ display: inline-block;
+ margin: 0 1em 0.5em;
+ }
+}
diff --git a/docs/normalize.css b/docs/normalize.css
new file mode 100644
index 0000000..da84267
--- /dev/null
+++ b/docs/normalize.css
@@ -0,0 +1,431 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+html {
+ line-height: 1.15; /* 1 */
+ -ms-text-size-adjust: 100%; /* 2 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+}
+
+/* Sections
+ * ========================================================================== */
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ * ========================================================================== */
+
+/**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+dl dl,
+dl ol,
+dl ul,
+ol dl,
+ul dl {
+ margin: 0;
+}
+
+/**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ol ol,
+ol ul,
+ul ol,
+ul ul {
+ margin: 0;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Correct the inheritance of border color in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ color: inherit; /* 2 */
+ height: 0; /* 1 */
+ overflow: visible; /* 3 */
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+main {
+ display: block;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ * ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+
+a {
+ background-color: transparent;
+}
+
+/**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/* Embedded content
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images within links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Tabular data
+ * ========================================================================== */
+
+/**
+ * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+table {
+ border-color: inherit; /* 1 */
+ text-indent: 0; /* 2 */
+}
+
+/* Forms
+ * ========================================================================== */
+
+/**
+ * Remove the margin on controls in Safari.
+ */
+
+button,
+input,
+select {
+ margin: 0;
+}
+
+/**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+}
+
+/**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+input {
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+::-webkit-inner-spin-button,
+::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+}
+
+/**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+:-moz-ui-invalid {
+ box-shadow: none;
+}
+
+/* Interactive
+ * ========================================================================== */
+
+/*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+details {
+ display: block;
+}
+
+/*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+}
+
+dialog:not([open]) {
+ display: none;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* User interaction
+ * ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/docs/test.html b/docs/test.html
new file mode 100644
index 0000000..3f0bbda
--- /dev/null
+++ b/docs/test.html
@@ -0,0 +1,375 @@
+<!DOCTYPE html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>normalize.css: tests</title>
+<script src="https://rawgit.com/aFarkas/html5shiv/gh-pages/dist/html5shiv.min.js"></script>
+<link rel="stylesheet" href="normalize.css">
+<style>
+ /*! suit-test v0.1.0 | MIT License | github.com/suitcss */
+
+ .Test {
+ background: #fff;
+ counter-reset: test-describe;
+ }
+
+ .Test-describe::before {
+ content: counter(test-describe);
+ counter-increment: test-describe;
+ }
+
+ .Test-describe {
+ counter-reset: test-it;
+ font-size: 1.5em;
+ margin: 60px 0 20px;
+ }
+
+ .Test-it::before {
+ content: counter(test-describe) "." counter(test-it);
+ counter-increment: test-it;
+ }
+
+ .Test-title {
+ font-size: 2em;
+ font-family: sans-serif;
+ padding: 20px;
+ margin: 20px 0;
+ background: #eee;
+ color: #999;
+ }
+
+ .Test-describe,
+ .Test-it {
+ background: #eee;
+ border-left: 5px solid #666;
+ color: #666;
+ font-family: sans-serif;
+ font-weight: bold;
+ margin: 20px 0;
+ padding: 0.75em 20px;
+ }
+
+ .Test-describe::before,
+ .Test-it::before {
+ color: #999;
+ display: inline-block;
+ margin-right: 10px;
+ min-width: 30px;
+ text-transform: uppercase;
+ }
+
+ /**
+ * Highlight the bounds of direct children of a test block
+ */
+
+ .Test-run--highlightEl > * {
+ outline: 1px solid #add8e6;
+ }
+</style>
+
+<div class="Test">
+ <h1 class="Test-title"><a href="https://github.com/csstools/normalize.css">normalize.css</a>: tests</h1>
+
+ <h2 class="Test-describe"><code>html</code></h2>
+ <h3 class="Test-it">should have a line height of 1.15</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+ <h3 class="Test-it">should not adjust font size after orientation changes</h3>
+ <div class="Test-run">
+ abcdefghijklmnopqrstuvwxyz
+ </div>
+
+ <h2 class="Test-describe"><code>h1</code></h2>
+ <h3 class="Test-it">should not change size within an <code>article</code> or <code>section</code></h3>
+ <div class="Test-run">
+ <h1>Heading (control)</h1>
+ <article>
+ <h1>Heading (in article)</h1>
+ </article>
+ <section>
+ <h1>Heading (in section)</h1>
+ </section>
+ </div>
+
+ <h2 class="Test-describe"><code>hr</code></h2>
+ <h3 class="Test-it">should have a <code>content-box</code> box model</h3>
+ <div class="Test-run">
+ <hr style="height:2px; border:solid #add8e6; border-width:2px 0;">
+ </div>
+
+ <h2 class="Test-describe"><code>main</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <main>main</main>
+ </div>
+
+ <h2 class="Test-describe"><code>pre</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <pre>pre: abcdefghijklmnopqrstuvwxyz.</pre>
+ </div>
+
+ <h2 class="Test-describe"><code>a</code></h2>
+ <h3 class="Test-it">should have a transparent background when active</h3>
+ <div class="Test-run">
+ <a href="#non">dummy anchor</a>
+ </div>
+
+ <h2 class="Test-describe"><code>abbr[title]</code></h2>
+ <h3 class="Test-it">should have a dotted underline text decoration with an underline fallback</h3>
+ <div class="Test-run">
+ <abbr title="abbreviation">abbr</abbr>
+ </div>
+
+ <h2 class="Test-describe"><code>b</code>, <code>strong</code></h2>
+ <h3 class="Test-it">should have a bolder font-weight</h3>
+ <div class="Test-run">
+ <p>
+ <b>b</b>
+ <strong>strong</strong>
+ </p>
+ <p style="font-weight:300;">
+ <b>b</b>
+ <strong>strong from font-weight:300</strong>
+ </p>
+ </div>
+
+ <h2 class="Test-describe"><code>code</code>, <code>kbd</code>, <code>samp</code></h2>
+ <h3 class="Test-it">should render text at the same absolute size as normal text</h3>
+ <div class="Test-run">
+ <span>span: abcdefghijklmnopqrstuvwxyz.</span><br>
+ <code>code: abcdefghijklmnopqrstuvwxyz.</code><br>
+ <kbd>kbd: abcdefghijklmnopqrstuvwxyz.</kbd><br>
+ <samp>samp: abcdefghijklmnopqrstuvwxyz.</samp>
+ </div>
+
+ <h2 class="Test-describe"><code>small</code></h2>
+ <h3 class="Test-it">should render equally small in all browsers</h3>
+ <div class="Test-run">
+ control. <small>small.</small>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code>, <code>video</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <audio controls></audio>
+ <video controls></video>
+ </div>
+
+ <h2 class="Test-describe"><code>audio</code></h2>
+ <h3 class="Test-it">should not display</h3>
+ <div class="Test-run">
+ <audio></audio>
+ </div>
+
+ <h2 class="Test-describe"><code>img</code></h2>
+ <h3 class="Test-it">should not have a border when wrapped in an anchor</h3>
+ <div class="Test-run">
+ <a href="#non">
+ <!-- scaled-up 1px image -->
+ <img style="background-color:#add8e6; vertical-align:top;" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="100" height="100">
+ </a>
+ </div>
+
+ <h2 class="Test-describe"><code>svg</code></h2>
+ <h3 class="Test-it">should not overflow</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <svg width="100px" height="100px">
+ <circle cx="100" cy="100" r="100" fill="#add8e6" />
+ </svg>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code>, <code>input</code>, <code>optgroup</code>, <code>select</code>, <code>textarea</code></h2>
+ <h3 class="Test-it">should have no margin</h3>
+ <div class="Test-run">
+ <button>button</button><br>
+ <input value="input"><br>
+ <select style="border:1px solid #999;">
+ <optgroup label="optgroup">
+ <option>option</option>
+ </optgroup>
+ <option>option</option>
+ </select><br>
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should have visible overflow</h3>
+ <div class="Test-run" id="button-overflow">
+ <style>
+ #button-overflow button:after {
+ content: "";
+ background: #add8e6;
+ display: inline-block;
+ height: 10px;
+ position: relative;
+ right: -20px;
+ width: 10px;
+ }
+ </style>
+ <button>abcdefghijklmnopqrstuvwxyz</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <button>button</button>
+ </div>
+
+ <h2 class="Test-describe"><code>button</code> and button-style <code>input</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run" id="button-like-style">
+ <style>
+ #button-like-style button,
+ #button-like-style input {
+ background: #add8e6;
+ border: 2px solid black;
+ border-radius: 2px;
+ padding: 5px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="image" src="//placehold.it/90x24" alt="input (image)"></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="file" value="input (file)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>fieldset</code></h2>
+ <h3 class="Test-it">should have consistent border, padding, and margin</h3>
+ <div class="Test-run">
+ <fieldset>
+ <div style="width:100%; height:100px; background:#add8e6;"></div>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>legend</code></h2>
+ <h3 class="Test-it">should wrap text</h3>
+ <div class="Test-run">
+ <fieldset style="width: 34em;">
+ <legend>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et me.</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should inherit color</h3>
+ <div class="Test-run" style="color:#add8e6;">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run">
+ <fieldset>
+ <legend>legend</legend>
+ </fieldset>
+ </div>
+
+ <h2 class="Test-describe"><code>progress</code></h2>
+ <h3 class="Test-it">should display as inline-block</h3>
+ <div class="Test-run">
+ <progress value="70" max="100">70%</progress>
+ </div>
+ <h3 class="Test-it">should have baseline alignment</h3>
+ <div class="Test-run">
+ abc <progress value="70" max="100">70%</progress> xyz
+ </div>
+
+ <h2 class="Test-describe"><code>select</code></h2>
+ <h3 class="Test-it">should not inherit <code>text-transform</code></h3>
+ <div class="Test-run" style="text-transform:uppercase;">
+ <select><option>option</option></select>
+ </div>
+
+ <h2 class="Test-describe"><code>textarea</code></h2>
+ <h3 class="Test-it">should not have a scrollbar unless overflowing</h3>
+ <div class="Test-run">
+ <textarea>textarea</textarea>
+ </div>
+
+ <h2 class="Test-describe"><code>[type="checkbox"]</code>, <code>[type="radio"]</code></h2>
+ <h3 class="Test-it">should have a <code>border-box</code> box model</h3>
+ <div class="Test-run Test-run--highlightEl" id="radio-box-model">
+ <style>
+ #radio-box-model {
+ width: 200px;
+ border: 1px solid red;
+ }
+
+ #radio-box-model input {
+ width: 100%;
+ border: 5px solid #add8e6;
+ display: block;
+ position: relative;
+ }
+ </style>
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+ <h3 class="Test-it">should not have padding</h3>
+ <div class="Test-run Test-run--highlightEl">
+ <input type="checkbox">
+ <input type="radio" name="rad">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="number"]</code></h2>
+ <h3 class="Test-it">should display a default cursor for the decrement button's click target in Chrome</h3>
+ <div class="Test-run">
+ <input style="height:50px; font-size:15px;" type="number" id="in" min="0" max="10" value="5">
+ </div>
+
+ <h2 class="Test-describe"><code>[type="search"]</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="search" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe"><code>::placeholder</code></h2>
+ <h3 class="Test-it">placeholder should be styleable</h3>
+ <div class="Test-run">
+ <input type="text" placeholder="placeholder text" style="color: blue;">
+ </div>
+
+ <h2 class="Test-describe"><code>::file-upload-button</code></h2>
+ <h3 class="Test-it">should be styleable</h3>
+ <div class="Test-run">
+ <input type="file" style="border:1px solid #add8e6; padding:10px; width:200px;">
+ </div>
+
+ <h2 class="Test-describe">::focus-inner, ::focusring</h2>
+ <h3 class="Test-it">should not have extra inner padding in Firefox</h3>
+ <div class="Test-run" id="button-input-padding">
+ <style>
+ #button-input-padding button,
+ #button-input-padding input {
+ padding: 10px 20px;
+ }
+ </style>
+ <p><button>button</button></p>
+ <p><input type="button" value="input (button)"></p>
+ <p><input type="reset" value="input (reset)"></p>
+ <p><input type="submit" value="input (submit)"></p>
+ </div>
+
+ <h2 class="Test-describe"><code>details</code></h2>
+ <h3 class="Test-it">should display as block</h3>
+ <div class="Test-run">
+ <details></details>
+ </div>
+
+ <h2 class="Test-describe"><code>dialog</code></h2>
+ <h3 class="Test-it">should be absolutely positioned</h3>
+ <div class="Test-run" style="position:relative; height:3em;">
+ <dialog open>dialog</dialog>
+ </div>
+
+ <h2 class="Test-describe"><code>summary</code></h2>
+ <h3 class="Test-it">should display as list-item</h3>
+ <div class="Test-run">
+ <details>
+ <summary>Summary</summary>
+ <p>More information</p>
+ </details>
+ </div>
+</div>