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