media.less 900 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .media {
  2. // Proper spacing between instances of .media
  3. margin-top: 15px;
  4. &:first-child {
  5. margin-top: 0;
  6. }
  7. }
  8. .media,
  9. .media-body {
  10. overflow: hidden;
  11. zoom: 1;
  12. }
  13. .media-body {
  14. width: 10000px;
  15. }
  16. .media-object {
  17. display: block;
  18. // Fix collapse in webkit from max-width: 100% and display: table-cell.
  19. &.img-thumbnail {
  20. max-width: none;
  21. }
  22. }
  23. .media-right,
  24. .media > .pull-right {
  25. padding-left: 10px;
  26. }
  27. .media-left,
  28. .media > .pull-left {
  29. padding-right: 10px;
  30. }
  31. .media-left,
  32. .media-right,
  33. .media-body {
  34. display: table-cell;
  35. vertical-align: top;
  36. }
  37. .media-middle {
  38. vertical-align: middle;
  39. }
  40. .media-bottom {
  41. vertical-align: bottom;
  42. }
  43. // Reset margins on headings for tighter default spacing
  44. .media-heading {
  45. margin-top: 0;
  46. margin-bottom: 5px;
  47. }
  48. // Media list variation
  49. //
  50. // Undo default ul/ol styles
  51. .media-list {
  52. padding-left: 0;
  53. list-style: none;
  54. }