Expanded demo

Added color styling, varied icons and size headers
googlearchive · Jul 23, 2014 · 57defd8 · 57defd8
1 parent d912843
commit 57defd8
Showing 1 changed file with 24 additions and 4 deletions.
diff --git a/demo.html b/demo.html
@@ -35,18 +35,38 @@
       -webkit-transform: translateZ(0);
     }
 
+    paper-fab {
+      color: #FFF;
+      margin-right:2em;
+    }
+
+    paper-fab.blue {
+      background: #5677fc;
+    }
+
+    paper-fab.green {
+      background: #259b24;
+    }
+
+    paper-fab.yellow {
+      background: #ffeb3b;
+      color: #000;
+    }
+
   </style>
 
 </head>
 <body unresolved>
 
+  <h3>Regular</h3>
+
   <paper-fab icon="arrow-forward"></paper-fab>
+  <paper-fab icon="create" class="blue"></paper-fab>
 
-  <br>
-  <br>
-  <br>
+  <h3>Mini</h3>
 
-  <paper-fab class="mini" icon="arrow-forward"></paper-fab>
+  <paper-fab icon="done" class="mini green"></paper-fab>
+  <paper-fab icon="reply" class="mini yellow"></paper-fab>
 
 </body>
 </html>