// // 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; } }