git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/thumbnails.less

   1 //
   2 // Thumbnails
   3 // --------------------------------------------------
   4
   5
   6 // Mixin and adjust the regular image class
   7 .thumbnail {
   8   .img-thumbnail();
   9   display: block; // Override the inline-block from `.img-thumbnail`
  10   margin-bottom: @line-height-computed;
  11
  12   > img {
  13     .img-responsive();
  14     margin-left: auto;
  15     margin-right: auto;
  16   }
  17
  18   // Add a hover state for linked versions only
  19   a&:hover,
  20   a&:focus,
  21   a&.active {
  22     border-color: @link-color;
  23   }
  24
  25   // Image captions
  26   .caption {
  27     padding: @thumbnail-caption-padding;
  28     color: @thumbnail-caption-color;
  29   }
  30 }