css/bootstrap/thumbnails.less

   1 //
   2 // Thumbnails
   3 // --------------------------------------------------
   4
   5
   6 // Mixin and adjust the regular image class
   7 .thumbnail {
   8   display: block;
   9   padding: @thumbnail-padding;
  10   margin-bottom: @line-height-computed;
  11   line-height: @line-height-base;
  12   background-color: @thumbnail-bg;
  13   border: 1px solid @thumbnail-border;
  14   border-radius: @thumbnail-border-radius;
  15   .transition(all .2s ease-in-out);
  16
  17   > img,
  18   a > img {
  19     &:extend(.img-responsive);
  20     margin-left: auto;
  21     margin-right: auto;
  22   }
  23
  24   // Add a hover state for linked versions only
  25   a&:hover,
  26   a&:focus,
  27   a&.active {
  28     border-color: @link-color;
  29   }
  30
  31   // Image captions
  32   .caption {
  33     padding: @thumbnail-caption-padding;
  34     color: @thumbnail-caption-color;
  35   }
  36 }