From 0a9c45398e523760fd2b26e14d91c1931564745e Mon Sep 17 00:00:00 2001
From: Adam Bradley <adamdbradley@gmail.com>
Date: Mon, 26 Aug 2013 13:58:10 -0500
Subject: [PATCH] .has-header required in <main>

---
 example/alerts.html                | 2 +-
 example/button-groups.html         | 2 +-
 example/buttons.html               | 2 +-
 example/footers.html               | 2 +-
 example/image-swipe.html           | 2 +-
 example/index.html                 | 2 +-
 example/input-slider.html          | 2 +-
 example/input-text.html            | 2 +-
 example/input-toggle.html          | 2 +-
 example/lists.html                 | 2 +-
 example/modals.html                | 2 +-
 example/panels.html                | 8 ++++++--
 example/popovers.html              | 2 +-
 example/pull-to-refresh.html       | 2 +-
 example/tab-bars.html              | 2 +-
 scss/framework/structure/_bar.scss | 2 +-
 16 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/example/alerts.html b/example/alerts.html
index 2d82aa4432..7c71be2118 100644
--- a/example/alerts.html
+++ b/example/alerts.html
@@ -17,7 +17,7 @@
         <h1 class="title">Alerts</h1>
       </header>
 
-      <main class="content-padded">
+      <main class="content-padded has-header">
 
         <p class="alert">
           <strong>Warning!</strong> Best check yo self, you're not looking too good.
diff --git a/example/button-groups.html b/example/button-groups.html
index bee5176521..f89338e659 100644
--- a/example/button-groups.html
+++ b/example/button-groups.html
@@ -17,7 +17,7 @@
         <h1 class="title">Button Group</h1>
       </header>
 
-      <main class="content-padded">
+      <main class="content-padded has-header">
         <p>
           <div class="button-group">
             <a class="button button-primary" href="index.html">Success</a>
diff --git a/example/buttons.html b/example/buttons.html
index fb61bc6b00..b404857258 100644
--- a/example/buttons.html
+++ b/example/buttons.html
@@ -23,7 +23,7 @@
         <h1 class="title">Buttons</h1>
       </header>
 
-      <main class="content-padded">
+      <main class="content-padded has-header">
         <p>
           <a class="button button-default" href="grid.html">Default</a>
           <a class="button button-secondary" href="index.html">Secondary</a>
diff --git a/example/footers.html b/example/footers.html
index 2748bd7743..dfc2e70a06 100644
--- a/example/footers.html
+++ b/example/footers.html
@@ -17,7 +17,7 @@
         <h1 class="title">Footers</h1>
       </header>
 
-      <main class="content-padded has-footer">
+      <main class="content-padded has-header has-footer">
         <p>Footer should always stay at the bottom of the screen, and on top of the main content.
         <ul>
           <li>asdf
diff --git a/example/image-swipe.html b/example/image-swipe.html
index 77501898d2..4995f5e1c2 100644
--- a/example/image-swipe.html
+++ b/example/image-swipe.html
@@ -17,7 +17,7 @@
         <h1 class="title">Image Swipe</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/example/index.html b/example/index.html
index 97b6fee802..3b20b80823 100644
--- a/example/index.html
+++ b/example/index.html
@@ -23,7 +23,7 @@
         <h1 class="title">Framework!!</h1>
       </header>
 
-      <main class="content-padded">
+      <main class="content-padded has-header">
         <p><a class="button button-default" href="alerts.html">Alerts</a></p>
         <p><a class="button button-default" href="buttons.html">Buttons</a></p>
         <p><a class="button button-default" href="button-groups.html">Button Groups</a></p>
diff --git a/example/input-slider.html b/example/input-slider.html
index f117bcb0b2..5cc2ab84eb 100644
--- a/example/input-slider.html
+++ b/example/input-slider.html
@@ -17,7 +17,7 @@
         <h1 class="title">Input: Slider</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/example/input-text.html b/example/input-text.html
index c810d1f7a5..e481213d10 100644
--- a/example/input-text.html
+++ b/example/input-text.html
@@ -17,7 +17,7 @@
         <h1 class="title">Input: Text</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/example/input-toggle.html b/example/input-toggle.html
index c89636d46a..3ea80b9a21 100644
--- a/example/input-toggle.html
+++ b/example/input-toggle.html
@@ -17,7 +17,7 @@
         <h1 class="title">Input: Toggle</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/example/lists.html b/example/lists.html
index b7dfec171d..cd7a89658e 100644
--- a/example/lists.html
+++ b/example/lists.html
@@ -23,7 +23,7 @@
         <h1 class="title">Customers</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         <ul class="list">
           <a href="#" class="list-item">
             Sasafras
diff --git a/example/modals.html b/example/modals.html
index e49449fd01..13daa4232f 100644
--- a/example/modals.html
+++ b/example/modals.html
@@ -17,7 +17,7 @@
         <h1 class="title">Modals</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/example/panels.html b/example/panels.html
index 3085d9bb61..c1fbf3f17e 100644
--- a/example/panels.html
+++ b/example/panels.html
@@ -17,11 +17,15 @@
         <h1 class="title">Panels</h1>
       </header>
 
-      <main>
-        
+      <main class="has-header">
+        <p>A whole bunch of content</p>
       </main>
 
     </section>
 
+    <section class="panel-content">
+      Panel!
+    </section>
+
   </body>
 </html>
diff --git a/example/popovers.html b/example/popovers.html
index 04a6be3cde..a6c0e7a993 100644
--- a/example/popovers.html
+++ b/example/popovers.html
@@ -17,7 +17,7 @@
         <h1 class="title">Popovers</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/example/pull-to-refresh.html b/example/pull-to-refresh.html
index e3397b1b0a..673bd43dbd 100644
--- a/example/pull-to-refresh.html
+++ b/example/pull-to-refresh.html
@@ -17,7 +17,7 @@
         <h1 class="title">Pull To Refresh</h1>
       </header>
 
-      <main class="ptr-capable">
+      <main class="ptr-capable has-header">
         <p>Pull the content down to refresh.</p>
       </main>
 
diff --git a/example/tab-bars.html b/example/tab-bars.html
index cdb4d95c7d..43958a7ae6 100644
--- a/example/tab-bars.html
+++ b/example/tab-bars.html
@@ -17,7 +17,7 @@
         <h1 class="title">Tab Bars</h1>
       </header>
 
-      <main>
+      <main class="has-header">
         
       </main>
 
diff --git a/scss/framework/structure/_bar.scss b/scss/framework/structure/_bar.scss
index b505d43892..7f282fb76b 100644
--- a/scss/framework/structure/_bar.scss
+++ b/scss/framework/structure/_bar.scss
@@ -77,7 +77,7 @@
 
 /* Pad top/bottom of content so it doesn't hide behind .bar-title and .bar-tab.
    Note: For these to work, content must come after both bars in the markup */
-.bar-header ~ main, .has-header {
+.has-header {
   top: $barHeight;
 }