You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

77 lines
2.3 KiB

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