resources/scss/bootstrap/_thumbnails.scss

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