tmpl/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
  19
  20 // Add a hover state for linked versions only
  21 a.thumbnail:hover,
  22 a.thumbnail:focus,
  23 a.thumbnail.active {
  24   border-color: @link-color;
  25 }
  26
  27 // Image captions
  28 .thumbnail .caption {
  29   padding: @thumbnail-caption-padding;
  30   color: @thumbnail-caption-color;
  31 }