<div class="section-container accordion" data-section data-options="deep_linking: false">
<section class="section">
- <p class="title"><a href="#">Getting Started</a></p>
+ <p class="title"><a href="#">Using Foundation</a></p>
<div class="content">
<ul class="side-nav">
- <li><a href="../">Using Foundation</a></li>
+ <li><a href="../">Get Started</a></li>
<li><a href="../javascript.html">Javascript</a></li>
<li><a href="../sass.html">Sass</a></li>
<li><a href="../rails.html">Rails</a></li>
<!-- Right Nav Section -->
<ul class="right">
<li class="divider"></li>
- <li><a href="#">Features</a></li>
+ <li><a href="grid.php">Features</a></li>
<li class="divider"></li>
- <li><a href="#">Add-ons</a></li>
+ <li><a href="templates.php">Add-ons</a></li>
<li class="divider"></li>
- <li><a href="#">Case Studies</a></li>
+ <li><a href="case-jacquelinewest.php">Case Studies</a></li>
<li class="divider"></li>
- <li><a href="#">Docs</a></li>
+ <li><a href="docs/">Docs</a></li>
<li class="divider"></li>
<li class="has-form">
- <a href="#" class="button">Get Started</a>
+ <a href="docs/" class="button">Get Started</a>
</li>
</ul>
</section>
&>:last-child { margin-bottom: 0; }
// reset header line-heights for panels
- h1,h2,h3,h4,h5,h6 { line-height: 1; margin-bottom: emCalc(20px) / 2; }
+ h1,h2,h3,h4,h5,h6 {
+ line-height: 1; margin-bottom: emCalc(20px) / 2;
+ &.subheader { line-height: 1.4; }
+ }
}
}