ecomp-portal-FE/client/bower_components/angular-material/demos/gridList/demoBasicUsage/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:0px;
  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 md-grid-tile {
  54   -webkit-transition: all 500ms ease-out 100ms;
  55     -moz-transition: all 500ms ease-out 100ms;
  56     -o-transition: all 500ms ease-out 100ms;
  57     transition: all 500ms ease-out 100ms;
  58 }
  59
  60 md-grid-tile md-grid-tile-footer {
  61   background:  rgba(0,0,0,.68);
  62   height: 36px;
  63
  64 }
  65
  66 md-grid-tile-footer figcaption  {
  67   width:100%;
  68 }
  69
  70 md-grid-tile-footer figcaption h3 {
  71   margin:0px;
  72   font-weight:700;
  73   width:100%;
  74   text-align:center;
  75 }