1 // 2 // Thumbnails 3 // -------------------------------------------------- 4 5 6 // Mixin and adjust the regular image class 7 .thumbnail { 8 display: block; 9 padding: @thumbnail-padding; 10 margin-bottom: @line-height-computed; 11 line-height: @line-height-base; 12 background-color: @thumbnail-bg; 13 border: 1px solid @thumbnail-border; 14 border-radius: @thumbnail-border-radius; 15 .transition(border .2s ease-in-out); 16 17 > img, 18 a > img { 19 &:extend(.img-responsive); 20 margin-left: auto; 21 margin-right: auto; 22 } 23 24 // Add a hover state for linked versions only 25 a&:hover, 26 a&:focus, 27 a&.active { 28 border-color: @link-color; 29 } 30 31 // Image captions 32 .caption { 33 padding: @thumbnail-caption-padding; 34 color: @thumbnail-caption-color; 35 } 36 } 37
