_media.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @if $enable-flex {
  2. .media {
  3. display: flex;
  4. margin-bottom: $spacer;
  5. }
  6. .media-body {
  7. flex: 1;
  8. }
  9. .media-middle {
  10. align-self: center;
  11. }
  12. .media-bottom {
  13. align-self: flex-end;
  14. }
  15. } @else {
  16. .media {
  17. margin-top: 15px;
  18. &:first-child {
  19. margin-top: 0;
  20. }
  21. }
  22. .media,
  23. .media-body {
  24. overflow: hidden;
  25. zoom: 1;
  26. }
  27. .media-body {
  28. width: 10000px;
  29. }
  30. .media-left,
  31. .media-right,
  32. .media-body {
  33. display: table-cell;
  34. vertical-align: top;
  35. }
  36. .media-middle {
  37. vertical-align: middle;
  38. }
  39. .media-bottom {
  40. vertical-align: bottom;
  41. }
  42. }
  43. //
  44. // Images/elements as the media anchor
  45. //
  46. .media-object {
  47. display: block;
  48. // Fix collapse in webkit from max-width: 100% and display: table-cell.
  49. &.img-thumbnail {
  50. max-width: none;
  51. }
  52. }
  53. //
  54. // Alignment
  55. //
  56. .media-right {
  57. padding-left: 10px;
  58. }
  59. .media-left {
  60. padding-right: 10px;
  61. }
  62. //
  63. // Headings
  64. //
  65. .media-heading {
  66. margin-top: 0;
  67. margin-bottom: 5px;
  68. }
  69. //
  70. // Media list variation
  71. //
  72. .media-list {
  73. padding-left: 0;
  74. list-style: none;
  75. }