//
 // Thumbnails
 // --------------------------------------------------
 
 
 // Mixin and adjust the regular image class
 .thumbnail {
   display: block;
   padding: @thumbnail-padding;
   margin-bottom: @line-height-computed;
   line-height: @line-height-base;
   background-color: @thumbnail-bg;
   border: 1px solid @thumbnail-border;
   border-radius: @thumbnail-border-radius;
   .transition(border .2s ease-in-out);
 
   > img,
   a > img {
     &:extend(.img-responsive);
     margin-left: auto;
     margin-right: auto;
   }
 
   // Add a hover state for linked versions only
   a&:hover,
   a&:focus,
   a&.active {
     border-color: @link-color;
   }
 
   // Image captions
   .caption {
     padding: @thumbnail-caption-padding;
     color: @thumbnail-caption-color;
   }
 }