_media.scss 989 B

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