add backface visibiliy hidden to bars

dist/css/ratchet.css

@@ -494,6 +494,9 @@ input[type="button"] {
   padding-left: 10px;
   background-color: white;
   border-bottom: 1px solid #ddd;
+
+          backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
 }
 
 .bar-header-secondary {

docs/dist/css/ratchet.css

@@ -494,6 +494,9 @@ input[type="button"] {
   padding-left: 10px;
   background-color: white;
   border-bottom: 1px solid #ddd;
+
+          backface-visibility: hidden;
+  -webkit-backface-visibility: hidden;
 }
 
 .bar-header-secondary {

sass/bars.scss

@@ -12,6 +12,8 @@
   padding-left: $bar-side-spacing;
   background-color: $chrome-color;
   border-bottom: $border-default;
+  -webkit-backface-visibility: hidden; // Make sure the bar is visible when a modal animates in.
+          backface-visibility: hidden;
 }
 
 // Modifier class to dock any bar below .bar-nav