Adding correct support for bar footers.

dist/ratchet.css

@@ -303,9 +303,11 @@ strong {
 [class*="bar-"].bar-footer {
   bottom: 0;
 }
-[class*="bar-"].bar-footer.bar-standard, [class*="bar-"].bar-footer-secondary.bar-standard {
+[class*="bar-"].bar-footer-secondary {
-  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
+  bottom: 44px;
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.85);
+}
+[class*="bar-"].bar-footer-secondary-tab {
+  bottom: 50px;
 }
 
 .bar-nav {
@@ -346,8 +348,6 @@ strong {
   bottom: 0;
   height: 50px;
   padding: 0;
-  -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.85);
-  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.85);
 }
 
 .tab-inner {

lib/sass/bars.scss

@@ -22,10 +22,14 @@
     bottom: 0;
   }
 
-  // Flip border position to top for footer bars
+  // Modifier class to dock any bar above a standard bar
-  &.bar-footer.bar-standard,
+  &.bar-footer-secondary {
-  &.bar-footer-secondary.bar-standard {
+    bottom: $bar-base-height;
-    @include box-shadow(0 0 1px rgba(0,0,0,.85));
+  }
+
+  // Modifier class to dock any bar above a .bar-tab
+  &.bar-footer-secondary-tab {
+    bottom: $bar-tab-height;
   }
 }
 
@@ -78,7 +82,6 @@
   bottom: 0;
   height: $bar-tab-height;
   padding: 0;
-  @include box-shadow(0 0px 1px rgba(0,0,0,.85));
 }
 
 // Wrapper for individual tab