derping on popovers

dist/ratchet.css

@@ -958,6 +958,7 @@ input[type="button"] {
   bottom: 0;
   left: 0;
   z-index: 10;
+  background-color: rgba(0, 0, 0, 0.5);
 }
 
 .popover .button-block {

examples/components/default/index.html

@@ -5,7 +5,7 @@
     <title>Testing</title>
     <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
     <meta name="apple-mobile-web-app-capable" content="yes">
-    <!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <link rel="stylesheet" href="../../../dist/ratchet.css">
     <script src="../../../dist/ratchet.js"></script>
 

lib/sass/popovers.scss

@@ -18,7 +18,7 @@
   -webkit-transform: translate3d(0, -15px, 0);
           transform: translate3d(0, -15px, 0);
   -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
-                  transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+          transition:         transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
 }
 
 // Caret on top of popover using CSS triangles (thanks to @chriscoyier for solution)