refactor(demos): give each page its own sass file

Closes #376

demos/component-docs/app.scss

@@ -11,15 +11,30 @@ $font-path: '../../dist/fonts';
 
 @import "../../ionic/ionic";
 @import "action-sheets/basic/styles";
+@import "buttons/fab/styles";
+@import "buttons/components/styles";
 @import "cards/background/styles";
+@import "cards/list/styles";
 @import "cards/advanced-weather/styles";
 @import "cards/advanced-map/styles";
 @import "grid/basic/styles";
 @import "icons/basic/styles";
+@import "lists/avatar/styles";
+@import "lists/basic/styles";
+@import "lists/headers/styles";
+@import "lists/icon/styles";
+@import "lists/inset/styles";
+@import "lists/multiline/styles";
+@import "lists/no-lines/styles";
+@import "lists/thumbnail/styles";
 @import "menus/basic/styles";
 @import "slides/basic/styles";
 
 
+//////////////////////////////////
+// Global Styles
+//////////////////////////////////
+
 body, body:hover, body a, body button, body media-switch {
   cursor: url('http://ionicframework.com/img/finger.png') 8 8, auto;
 }
@@ -52,7 +67,6 @@ section.hidden {
   display: none !important;
 }
 
-
 .components-demo h4 {
   text-align: center;
 }
@@ -70,63 +84,13 @@ section.hidden {
   width: 100%;
   margin-bottom: 2.7em;
 }
-#subtle-footer {
+
-  background-color: #fff;
-  border-image-source: url(footer-wireframe.png);
-  border-image-repeat: repeat;
-  border-image-width: 100%;
-  border-bottom: 0;
-  border-left: 0;
-  border-right: 0;
-  position: absolute;
-  bottom:0;
-}
-#demo-fab-bottom {
-  padding-top: 3px;
-  z-index: 100;
-}
-#subtle-footer .toolbar-background {
-  background-color: #fff;
-  border-bottom: 0;
-}
 .demo-card {
   height: 0;
 }
 .demo-card button {
   font-size: 1.3rem;
 }
-ion-card ion-card-content.buttons-in-components {
-  background-color: #F4F5F8;
-}
-ion-card ion-card-content.buttons-in-components img {
-  width: auto;
-  height: 44px;
-  display: block;
-  margin: 20px auto;
-}
-
-ion-card.buttons-in-components {
-  margin-bottom: 2em;
-}
-
-ion-card.cards-list-demo ion-card-header {
-  color: #387df5;
-}
-
-ion-card.cards-list-demo a > icon {
-  color: #444444;
-}
-
-ion-card .advanced-weather-tabs {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background: transparent;
-}
-
-ion-card.adv-map p {
-  font-size: 0.7em !important;
-}
 
 .ios ion-content.cards-bg {
   background-color: #f4f4f7;
@@ -168,4 +132,3 @@ body.ios img#ios-only {
   height: auto;
   z-index: 9999;
 }
-

demos/component-docs/buttons/components/styles.scss

@@ -0,0 +1,12 @@
+ion-card ion-card-content.buttons-in-components {
+  background-color: #F4F5F8;
+}
+ion-card ion-card-content.buttons-in-components img {
+  width: auto;
+  height: 44px;
+  display: block;
+  margin: 20px auto;
+}
+ion-card.buttons-in-components {
+  margin-bottom: 2em;
+}

demos/component-docs/buttons/fab/styles.scss

@@ -0,0 +1,19 @@
+#subtle-footer {
+  background-color: #fff;
+  border-image-source: url(footer-wireframe.png);
+  border-image-repeat: repeat;
+  border-image-width: 100%;
+  border-bottom: 0;
+  border-left: 0;
+  border-right: 0;
+  position: absolute;
+  bottom:0;
+}
+#demo-fab-bottom {
+  padding-top: 3px;
+  z-index: 100;
+}
+#subtle-footer .toolbar-background {
+  background-color: #fff;
+  border-bottom: 0;
+}

demos/component-docs/cards/advanced-map/styles.scss

@@ -1,3 +1,6 @@
+ion-card.adv-map p {
+  font-size: 0.7em !important;
+}
 p.time-ago {
   color: #bbbbbb !important;
   margin-left: 4px !important;

demos/component-docs/cards/advanced-weather/styles.scss

@@ -73,11 +73,6 @@ body.ios ion-card p.advanced-background-title-large span {
     display: inline-block;
   }
 
-
-
-
-  
-
   ion-card .advanced-weather-tabs tabbar {
     background: transparent;
     border-top: none;
@@ -125,3 +120,10 @@ body.ios ion-card p.advanced-background-title-large span {
   }
 
 }
+
+ion-card .advanced-weather-tabs {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  background: transparent;
+}

demos/component-docs/cards/list/styles.scss

@@ -0,0 +1,7 @@
+ion-card.cards-list-demo ion-card-header {
+  color: #387df5;
+}
+
+ion-card.cards-list-demo a > icon {
+  color: #444444;
+}