<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
- <title>MediaWiki Living Styleguide</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="generator" content="kss-node" />
- <meta name="viewport" content="width=device-width">
+
+ <title>MediaWiki Living Styleguide</title>
+
<link rel="stylesheet" href="public/kss.css">
<link rel="stylesheet" href="public/style.css">
</head>
<body><div id="kss-wrapper">
<header id="kss-header">
- <hgroup><h1>MediaWiki Living Styleguide</h1></hgroup>
+ <div class="container">
+ <hgroup><h1>Mediawiki.UI</h1></hgroup>
+ </div>
</header>
- <nav class="content">
- <ul>
- <li><a href="index.html">0.0: Overview</a></li>
- {{#eachRoot}}
- <li>
- <a href="section-{{reference}}.html">{{reference}}.0: {{header}}</a>
- </li>
- {{/eachRoot}}
- </ul>
- </nav>
- <article>
- {{#if overview}}
- {{html overview}}
- {{else}}
- {{#eachSection rootNumber}}
- {{#whenDepth 1}}
- <h1>{{ reference }}.0 - {{ header }}</h1>
- {{else}}
- {{#whenDepth 2}}
- <h2>{{ reference }} - {{ header }}</h2>
- {{/whenDepth}}
- {{#whenDepth 3}}
- <h3>{{ reference }} - {{ header }}</h3>
+
+ <div class="container">
+ <nav class="content">
+ <ul>
+ <li><a href="index.html"><span>0.0</span> Overview</a></li>
+ {{#eachRoot}}
+ <li><a href="section-{{reference}}.html"><span>{{reference}}.0</span> {{header}}</a></li>
+ {{/eachRoot}}
+ </ul>
+ </nav>
+
+ <article>
+ {{#if overview}}
+ {{html overview}}
+ {{else}}
+ {{#eachSection rootNumber}}
+ <section>
+ {{#whenDepth 1}}
+ <h1>{{ reference }}.0 {{ header }}</h1>
+ {{else}}
+ {{#whenDepth 2}}
+ <h2>{{ reference }} {{ header }}</h2>
+ {{/whenDepth}}
+ {{#whenDepth 3}}
+ <h3>{{ reference }} {{ header }}</h3>
+ {{/whenDepth}}
{{/whenDepth}}
- {{/whenDepth}}
- {{#ifAny markup modifiers}}
- <div>{{html description}}</div>
- <strong>Default styling</strong><br>
- {{modifierMarkup}}
- {{#eachModifier}}
- {{html description}}<br>
- <p>{{name}}</p>
- {{modifierMarkup}}
- {{/eachModifier}}
- <pre class="prettyprint lang-html">{{markup}}</pre>
- {{else}}
- {{#if description}}
- {{html description}}
- {{/if}}
- {{/ifAny}}
- {{/eachSection}}
- {{/if}}
- </article>
+ {{#ifAny markup modifiers}}
+ <div>{{html description}}</div>
+ <div class="example">
+ <pre class="prettyprint lang-html">{{markup}}</pre>
+ <blockquote>{{modifierMarkup}}</blockquote>
+ </div>
+ {{#eachModifier}}
+ <h4>{{name}}</h4>
+ {{html description}}
+ <blockquote>{{modifierMarkup}}</blockquote>
+ {{/eachModifier}}
+ {{else}}
+ {{#if description}}
+ {{html description}}
+ {{/if}}
+ {{/ifAny}}
+ </section>
+ {{/eachSection}}
+ {{/if}}
+ </article>
+ </div>
</div></body>
</html>