Move documentation styles to docs.css

docs/css/docs.css

@@ -648,6 +648,11 @@ h6 {
   opacity: 1 !important;
 }
 
+/* Modal example */
+.iphone .iphone-content .modal { position: absolute; }
+.iphone .iphone-content .modal .content { margin-top: 44px; }
+.iphone .iphone-content #myModal.active { background: #cecece; }
+
 /* Slider examples */
 .component-example-fullbleed .slider,
 .component-example-fullbleed .slider li,

docs/index.html

@@ -980,11 +980,6 @@ document
         
         <!-- Modals -->
         <article class="component" id="modals">
-          <style>
-            /* Only for the demo page */
-            .iphone .iphone-content .modal { position: absolute;  }
-            .iphone .iphone-content .active { background: #cecece; }
-          </style>
           <h3 class="component-title">Modals</h3>
 
           <div class="component-example">