diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index c9d498ef12..4a5fbaf4a1 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -3024,14 +3024,6 @@ a.subdued {
 .bar-tabs {
   padding: 0; }
 
-.bar-subheader {
-  top: 44px;
-  display: block; }
-
-.bar-subfooter {
-  bottom: 44px;
-  display: block; }
-
 /**
  * Tabs
  * --------------------------------------------------
diff --git a/js/ext/angular/test/content.html b/js/ext/angular/test/content.html
index 76bcd04855..46c16838be 100644
--- a/js/ext/angular/test/content.html
+++ b/js/ext/angular/test/content.html
@@ -60,6 +60,11 @@
         title="'Title'"
         type="bar-primary"></header-bar>
 
+      <div class="bar bar-positive bar-subheader">
+        <a href="#" class="button button-danger button-clear">Edit</a>
+        <h1 class="title">Scroll Me</h1>
+        <a href="#" class="button button-danger button-clear">Delete</a>
+      </div>
       <content
         on-refresh="onRefresh()"
         on-refresh-opening="onRefreshOpening(amount)"
diff --git a/scss/_bar.scss b/scss/_bar.scss
index 0ce4260029..16189b53f4 100644
--- a/scss/_bar.scss
+++ b/scss/_bar.scss
@@ -228,12 +228,3 @@
 .bar-tabs {
   padding: 0;
 }
-
-.bar-subheader {
-  top: $bar-height;
-  display: block;
-}
-.bar-subfooter {
-  bottom: $bar-height;
-  display: block;
-}
diff --git a/scss/_scaffolding.scss b/scss/_scaffolding.scss
index 99012089da..31e50a52b0 100644
--- a/scss/_scaffolding.scss
+++ b/scss/_scaffolding.scss
@@ -139,24 +139,6 @@ body, .ionic-body {
   }
 }
 
-// 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
-.has-header {
-  //top: $bar-height;
-}
-
-.has-subheader {
-  //top: $bar-height * 2;
-}
-
-.has-footer {
-  //bottom: $bar-height;
-}
-
-// Specify that a content area will have tabs
-.has-tabs {
-  //bottom: 44px;
-}
 
 // A full screen section with a solid background
 .pane {