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