| // THUMBNAILS |
| // ---------- |
| |
| .thumbnails { |
| margin-left: -@gridGutterWidth; |
| list-style: none; |
| .clearfix(); |
| } |
| .thumbnails > li { |
| float: left; |
| margin: 0 0 @baseLineHeight @gridGutterWidth; |
| } |
| .thumbnail { |
| display: block; |
| padding: 4px; |
| line-height: 1; |
| border: 1px solid #ddd; |
| .border-radius(4px); |
| .box-shadow(0 1px 1px rgba(0,0,0,.075)); |
| } |
| // Add a hover state for linked versions only |
| a.thumbnail:hover { |
| border-color: @linkColor; |
| .box-shadow(0 1px 4px rgba(0,105,214,.25)); |
| } |
| // Images and captions |
| .thumbnail > img { |
| display: block; |
| max-width: 100%; |
| margin-left: auto; |
| margin-right: auto; |
| } |
| .thumbnail .caption { |
| padding: 9px; |
| } |