| 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; |
| } |