_media.scss 1.0 KB

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