Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 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 | } |