less/bootstrap/media.less

   1 // Media objects
   2 // Source: http://stubbornella.org/content/?p=497
   3 // --------------------------------------------------
   4
   5
   6 // Common styles
   7 // -------------------------
   8
   9 // Clear the floats
  10 .media,
  11 .media-body {
  12   overflow: hidden;
  13   zoom: 1;
  14 }
  15
  16 // Proper spacing between instances of .media
  17 .media,
  18 .media .media {
  19   margin-top: 15px;
  20 }
  21 .media:first-child {
  22   margin-top: 0;
  23 }
  24
  25 // For images and videos, set to block
  26 .media-object {
  27   display: block;
  28 }
  29
  30 // Reset margins on headings for tighter default spacing
  31 .media-heading {
  32   margin: 0 0 5px;
  33 }
  34
  35
  36 // Media image alignment
  37 // -------------------------
  38
  39 .media {
  40   > .pull-left {
  41     margin-right: 10px;
  42   }
  43   > .pull-right {
  44     margin-left: 10px;
  45   }
  46 }
  47
  48
  49 // Media list variation
  50 // -------------------------
  51
  52 // Undo default ul/ol styles
  53 .media-list {
  54   padding-left: 0;
  55   list-style: none;
  56 }