diff options
Diffstat (limited to 'resources/scss/bootstrap/_thumbnails.scss')
| -rw-r--r-- | resources/scss/bootstrap/_thumbnails.scss | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/resources/scss/bootstrap/_thumbnails.scss b/resources/scss/bootstrap/_thumbnails.scss new file mode 100644 index 0000000..ec4a9cb --- /dev/null +++ b/resources/scss/bootstrap/_thumbnails.scss @@ -0,0 +1,37 @@ +// +// 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; +} |