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