_thumbnails.scss (930B)
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 @include transition(border .2s ease-in-out); 16 17 > img, 18 a > img { 19 @include img-responsive; 20 margin-left: auto; 21 margin-right: auto; 22 } 23 24 // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active 25 26 // Image captions 27 .caption { 28 padding: $thumbnail-caption-padding; 29 color: $thumbnail-caption-color; 30 } 31 } 32 33 // Add a hover state for linked versions only 34 a.thumbnail:hover, 35 a.thumbnail:focus, 36 a.thumbnail.active { 37 border-color: $link-color; 38 }