style: replace hardcoded column classes with semantic nav-column/main-column and add responsive breakpoints

2014-04-21 04:42:17 +00:00
parent bbd4cc0f56
commit 74ca0d8aad
4 changed files with 45 additions and 61 deletions
@@ -18,16 +18,16 @@
 </header>
 <div class="header-bar">
  <div class="page">
-    <div class="{nav-col}">
+    <div class="nav-column">
      <h1><small>{category}</small></h1>
    </div>
-    <div class="{main-col}">
+    <div class="main-column">
      <h1>{title}</h1>
    </div>
  </div>
 </div>
 <div class="page">
-  <nav class="{nav-col}">
+  <nav>
    <ul>
      <li><a href="getting-started.html">Getting Started</a></li>
    </ul>
@@ -58,7 +58,7 @@
      <li><a href="qa.html">Q &amp; A</a></li>
    </ul>
  </nav>
-  <main class="{main-col}">
+  <main>
    {html}
  </main>
 </div>