gridList.css 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-grid-list {
  8. box-sizing: border-box;
  9. display: block;
  10. position: relative; }
  11. md-grid-list md-grid-tile, md-grid-list md-grid-tile > figure, md-grid-list md-grid-tile-header, md-grid-list md-grid-tile-footer {
  12. box-sizing: border-box; }
  13. md-grid-list md-grid-tile {
  14. display: block;
  15. position: absolute; }
  16. md-grid-list md-grid-tile figure {
  17. display: -webkit-flex;
  18. display: -ms-flexbox;
  19. display: flex;
  20. -webkit-align-items: center;
  21. -ms-flex-align: center;
  22. align-items: center;
  23. -webkit-justify-content: center;
  24. -ms-flex-pack: center;
  25. justify-content: center;
  26. height: 100%;
  27. position: absolute;
  28. top: 0;
  29. right: 0;
  30. bottom: 0;
  31. left: 0;
  32. padding: 0;
  33. margin: 0; }
  34. md-grid-list md-grid-tile md-grid-tile-header, md-grid-list md-grid-tile md-grid-tile-footer {
  35. display: -webkit-flex;
  36. display: -ms-flexbox;
  37. display: flex;
  38. -webkit-flex-direction: row;
  39. -ms-flex-direction: row;
  40. flex-direction: row;
  41. -webkit-align-items: center;
  42. -ms-flex-align: center;
  43. align-items: center;
  44. height: 48px;
  45. color: #fff;
  46. background: rgba(0, 0, 0, 0.18);
  47. overflow: hidden;
  48. position: absolute;
  49. left: 0;
  50. right: 0; }
  51. 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 {
  52. font-weight: 400;
  53. margin: 0 0 0 16px; }
  54. md-grid-list md-grid-tile md-grid-tile-header h3, md-grid-list md-grid-tile md-grid-tile-footer h3 {
  55. font-size: 14px; }
  56. md-grid-list md-grid-tile md-grid-tile-header h4, md-grid-list md-grid-tile md-grid-tile-footer h4 {
  57. font-size: 12px; }
  58. md-grid-list md-grid-tile md-grid-tile-header {
  59. top: 0; }
  60. md-grid-list md-grid-tile md-grid-tile-footer {
  61. bottom: 0; }
  62. @media screen and (-ms-high-contrast: active) {
  63. md-grid-tile {
  64. border: 1px solid #fff; }
  65. md-grid-tile-footer {
  66. border-top: 1px solid #fff; } }