linuxwindowsinboxwhatsappicloudtweetdeckhipchattelegramhangoutsslackgmailskypefacebook-workplaceoutlookemailmicrosoft-teamsdiscordmessengercustom-servicesmacos
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
892 B
38 lines
892 B
// |
|
// 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; |
|
}
|
|
|