ionic-Material Design , Codecanyon

IonicMaterialDesign/www/lib/angular-material/demos/gridList/demoBasicUsage/style.scss

@@ -0,0 +1,75 @@
+md-icon {
+    width:50%;height:50%
+}
+
+md-icon svg {
+  -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    border-radius: 50%;
+}
+
+.s64 {
+  font-size:64px;
+}
+
+.s32 {
+  
+  font-size:48px;
+
+}
+
+md-icon.fa {
+  display:block;
+  padding-left:0px;
+}
+
+md-icon.s32 span {
+  padding-left:8px;
+}
+
+md-grid-list {
+  margin: 8px; }
+.gray {
+  background: #f5f5f5; }
+.green {
+  background: #b9f6ca; }
+.yellow {
+  background: #ffff8d; }
+.blue {
+  background: #84ffff; }
+.darkBlue {
+  background: #80d8ff; }
+.deepBlue {
+  background: #448aff; }
+.purple {
+  background: #b388ff; }
+.lightPurple {
+  background: #8c9eff; }
+.red {
+  background: #ff8a80; }
+.pink {
+  background: #ff80ab; }
+
+md-grid-tile {
+  -webkit-transition: all 500ms ease-out 100ms;
+    -moz-transition: all 500ms ease-out 100ms;
+    -o-transition: all 500ms ease-out 100ms;
+    transition: all 500ms ease-out 100ms;
+}
+
+md-grid-tile md-grid-tile-footer {
+  background:  rgba(0,0,0,.68);
+  height: 36px;
+  
+}
+
+md-grid-tile-footer figcaption  {
+  width:100%;
+}
+
+md-grid-tile-footer figcaption h3 {
+  margin:0px;
+  font-weight:700;
+  width:100%;
+  text-align:center;
+}