Initial OpenECOMP Portal commit

[portal.git] / ecomp-portal-FE / client / bower_components / angular-material / demos / gridList / demoDynamicTiles / style.scss

diff --git a/ecomp-portal-FE/client/bower_components/angular-material/demos/gridList/demoDynamicTiles/style.scss b/ecomp-portal-FE/client/bower_components/angular-material/demos/gridList/demoDynamicTiles/style.scss
new file mode 100644 (file)
index 0000000..de8c7cd
--- /dev/null
+++ b/ecomp-portal-FE/client/bower_components/angular-material/demos/gridList/demoDynamicTiles/style.scss
@@ -0,0 +1,78 @@
+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: 0;
+}
+
+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 {
+  transition: all 300ms ease-out 50ms;
+}
+
+
+md-grid-tile md-icon {
+  padding-bottom: 32px;
+}
+
+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: 0;
+  font-weight:700;
+  width:100%;
+  text-align:center;
+}