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

   1 md-icon {
   2     width:50%;height:50%
   3 }
   4
   5 md-icon svg {
   6   -webkit-border-radius: 50%;
   7     -moz-border-radius: 50%;
   8     border-radius: 50%;
   9 }
  10
  11 .s64 {
  12   font-size:64px;
  13 }
  14
  15 .s32 {
  16
  17   font-size:48px;
  18
  19 }
  20
  21 md-icon.fa {
  22   display:block;
  23   padding-left: 0;
  24 }
  25
  26 md-icon.s32 span {
  27   padding-left:8px;
  28 }
  29
  30 md-grid-list {
  31   margin: 8px; }
  32 .gray {
  33   background: #f5f5f5; }
  34 .green {
  35   background: #b9f6ca; }
  36 .yellow {
  37   background: #ffff8d; }
  38 .blue {
  39   background: #84ffff; }
  40 .darkBlue {
  41   background: #80d8ff; }
  42 .deepBlue {
  43   background: #448aff; }
  44 .purple {
  45   background: #b388ff; }
  46 .lightPurple {
  47   background: #8c9eff; }
  48 .red {
  49   background: #ff8a80; }
  50 .pink {
  51   background: #ff80ab; }
  52
  53
  54 md-grid-tile {
  55   transition: all 300ms ease-out 50ms;
  56 }
  57
  58
  59 md-grid-tile md-icon {
  60   padding-bottom: 32px;
  61 }
  62
  63 md-grid-tile md-grid-tile-footer {
  64   background:  rgba(0,0,0,.68);
  65   height: 36px;
  66
  67 }
  68
  69 md-grid-tile-footer figcaption  {
  70   width:100%;
  71 }
  72
  73 md-grid-tile-footer figcaption h3 {
  74   margin: 0;
  75   font-weight:700;
  76   width:100%;
  77   text-align:center;
  78 }