//

 // 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(all .2s ease-in-out);

   > img,

   a > img {

     .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;

   }

 }