2 * Angular Material Design
3 * https://github.com/angular/material
7 /* mixin definition ; sets LTR and RTL within the same style call */
9 box-sizing: border-box;
12 md-grid-list *, md-grid-list *:before, md-grid-list *:after {
13 box-sizing: border-box; }
14 md-grid-list md-grid-tile {
17 md-grid-list md-grid-tile figure {
18 display: -webkit-flex;
21 -webkit-align-items: center;
22 -ms-flex-align: center;
24 -webkit-justify-content: center;
25 -ms-flex-pack: center;
26 justify-content: center;
35 md-grid-list md-grid-tile md-grid-tile-header, md-grid-list md-grid-tile md-grid-tile-footer {
36 display: -webkit-flex;
39 -webkit-flex-direction: row;
40 -ms-flex-direction: row;
42 -webkit-align-items: center;
43 -ms-flex-align: center;
47 background: rgba(0, 0, 0, 0.18);
52 md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-header h4, md-grid-list md-grid-tile md-grid-tile-footer h3, md-grid-list md-grid-tile md-grid-tile-footer h4 {
55 md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-footer h3 {
57 md-grid-list md-grid-tile md-grid-tile-header h4, md-grid-list md-grid-tile md-grid-tile-footer h4 {
59 md-grid-list md-grid-tile md-grid-tile-header {
61 md-grid-list md-grid-tile md-grid-tile-footer {
64 @media screen and (-ms-high-contrast: active) {
66 border: 1px solid #fff; }
68 border-top: 1px solid #fff; } }