add android device

components.html

@@ -28,9 +28,9 @@ base_url: "../"
       <li class="platform-switch" data-platform="platform-ios">
         <a>iOS</a>
       </li>
-      <!-- <li class="platform-switch" data-platform="platform-android">
+      <li class="platform-switch" data-platform="platform-android">
         <a>Android</a>
-      </li> -->
+      </li>
     </ul>
   </div>
 </div>

docs-assets/css/docs.css

@@ -1432,6 +1432,9 @@ hr {
 .platform-android .toggle.active .toggle-handle {
   border-color: #81c700;
 }
+.platform-android .device {
+  background-image: url("../img/android.png");
+}
 .platform-android .device .device-content {
   background-color: #000;
   background-image: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%);

lib/sass/docs.scss

@@ -773,9 +773,13 @@ hr {
 .platform-android {
   @import "theme-android.scss";
 
-  .device .device-content {
+  .device {
-    background-color: #000;
+    background-image: url("../img/android.png");
-    background-image: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%);
+
+    .device-content {
+      background-color: #000;
+      background-image: linear-gradient(to bottom, #111111 0%, #2b2b2b 100%);
+    }
   }
 }
 

lib/sass/type.scss

@@ -0,0 +1,21 @@
+//
+// Typography
+// --------------------------------------------------
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 10px 15px;
+  line-height: 1;
+}
+h1, .h1 { font-size: 36px; }
+h2, .h2 { font-size: 30px; }
+h3, .h3 { font-size: 24px; }
+h4, .h4 { font-size: 18px; }
+h5, .h5 { font-size: 14px; }
+h6, .h6 { font-size: 12px; }
+
+// Paragraphs
+p {
+  margin: 10px 15px;
+  font-size: 14px;
+  color: #777;
+}