The user-agent stylesheet was making the size
of both the h1's and h2's 1.5em as it was inside
<article> and <section>
:-webkit-any(article,aside,nav,section)
h1 - 1.5em user agent stylesheet
~h1 - 2em~ user agent stylesheet
Change-Id: Ied1d03f63c132dc3904d05cd4e55f70aa3f80c3d
</header>
<div class="container">
- <nav class="content">
+ <nav>
<ul>
<li><a href="index.html"><span>0.0</span> Overview</a></li>
{{#eachRoot}}
</ul>
</nav>
- <article>
+ <div class="content">
{{#if overview}}
{{html overview}}
{{else}}
{{#eachSection rootNumber}}
- <section>
+ <div>
{{#whenDepth 1}}
<h1>{{ reference }}.0 {{ header }}</h1>
{{else}}
{{html description}}
{{/if}}
{{/ifAny}}
- </section>
+ </div>
{{/eachSection}}
{{/if}}
- </article>
+ </div>
</div>
</div></body>
</html>
-
.container {
width: 100%;
}
display: none;
}
-article {
+.content {
.example {
blockquote {
margin-top: 20px;
font-family: "Nimbus Sans L", "Liberation Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
-.content.kss-no-margin {
+.kss-no-margin {
+ // FIXME: Is this being used anywhere? Remove if not.
margin: 0;
}
}
}
-article {
+.content {
-webkit-flex: 1;
flex: 1;
width: auto;
}
- article {
+ .content {
margin-left: 30px;
}