Source

django-trawler / trawler / sass / partials / _two_col.scss

Diff from to

File trawler/sass/partials/_two_col.scss

 // The markup would look like:
 //    <div id="container">
 //      <div id="header"></div>
+//      <div id="content"></div>
 //      <div id="sidebar"></div>
-//      <div id="content"></div>
 //      <div id="footer"></div>
 //    </div>
-//
-// and the layout would look like:
-//    +------------------------+
-//    |        #header         |
-//    +--------+---------------+
-//    |        |               |
-//    |#sidebar|    #content   |
-//    |        |               |
-//    +------------------------+
-//    |        #footer         |
-//    +--------+---------------+
 
 body.two-col {
   #container {
     @include container; }
-  #header, #footer {
+  
+  header, footer {
     @include column($blueprint-grid-columns); }
-  #sidebar {
-    // One third of the grid columns, rounding down. With 24 cols, this is 8.
-    $sidebar-columns: floor($blueprint-grid-columns / 3);
-    @include column($sidebar-columns); }
+
   #content {
     // Two thirds of the grid columns, rounding up.
     // With 24 cols, this is 16.
     $content-columns: ceil(2 * $blueprint-grid-columns / 3);
     // true means it's the last column in the row
-    @include column($content-columns, true); } }
+    @include column($content-columns); }
+
+  #sidebar {
+    // One third of the grid columns, rounding down. With 24 cols, this is 8.
+    $sidebar-columns: floor($blueprint-grid-columns / 3);
+    @include column($sidebar-columns, true); }
+}