1234567891011121314151617181920212223242526272829303132333435363738 |
- //
- // 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;
- @include transition(border .2s ease-in-out);
- > img,
- a > img {
- @include img-responsive;
- margin-left: auto;
- margin-right: auto;
- }
- // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
- // Image captions
- .caption {
- padding: $thumbnail-caption-padding;
- color: $thumbnail-caption-color;
- }
- }
- // Add a hover state for linked versions only
- a.thumbnail:hover,
- a.thumbnail:focus,
- a.thumbnail.active {
- border-color: $link-color;
- }
|