card.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. /*!
  2. * Angular Material Design
  3. * https://github.com/angular/material
  4. * @license MIT
  5. * v0.11.4
  6. */
  7. md-card {
  8. box-sizing: border-box;
  9. display: -webkit-flex;
  10. display: -ms-flexbox;
  11. display: flex;
  12. -webkit-flex-direction: column;
  13. -ms-flex-direction: column;
  14. flex-direction: column;
  15. margin: 8px;
  16. box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
  17. md-card > img, md-card > :not(md-card-content) img {
  18. display: -webkit-flex;
  19. display: -ms-flexbox;
  20. display: flex;
  21. -webkit-flex: 0 0 auto;
  22. -ms-flex: 0 0 auto;
  23. flex: 0 0 auto;
  24. width: 100%;
  25. height: auto; }
  26. md-card md-card-content {
  27. padding: 16px; }
  28. md-card .md-actions {
  29. margin: 0; }
  30. md-card .md-actions .md-button {
  31. margin-bottom: 8px;
  32. margin-top: 8px;
  33. margin-right: 4px;
  34. margin-left: 4px; }
  35. md-card md-card-footer {
  36. margin-top: auto;
  37. padding: 16px; }
  38. @media screen and (-ms-high-contrast: active) {
  39. md-card {
  40. border: 1px solid #fff; } }