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