diff options
| author | Mark Otto <[email protected]> | 2013-08-18 19:24:10 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-18 19:24:10 -0700 |
| commit | d5cd040f57b5b1036a7a927332a3220cceefae43 (patch) | |
| tree | 07c492e010fffbf7b4f90126c9482e5343db8652 /less/thumbnails.less | |
| parent | 5bd2d7ed7e5a2bae56de81bf550f2e4b1451ab25 (diff) | |
| download | bootstrap-d5cd040f57b5b1036a7a927332a3220cceefae43.tar.xz bootstrap-d5cd040f57b5b1036a7a927332a3220cceefae43.zip | |
improve dependencies for image thumbnails and thumbnail component
Diffstat (limited to 'less/thumbnails.less')
| -rw-r--r-- | less/thumbnails.less | 29 |
1 files changed, 8 insertions, 21 deletions
diff --git a/less/thumbnails.less b/less/thumbnails.less index 76f79b9e5..1adee9e35 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -3,30 +3,17 @@ // -------------------------------------------------- -// Base classes -// For thumbnail block-level composite components and simple image styles - -// The actual thumbnailed element -// Can be `a`, `div`, or `img` -.thumbnail, -.img-thumbnail { - padding: @thumbnail-padding; - line-height: @line-height-base; - background-color: @thumbnail-bg; - border: 1px solid @thumbnail-border; - border-radius: @thumbnail-border-radius; - .transition(all .2s ease-in-out); -} +// Mixin and adjust the regular image class .thumbnail { - display: block; -} -.thumbnail > img { - .img-responsive(); -} -.img-thumbnail { - .img-responsive(inline-block); + .img-thumbnail(); + display: block; // Override the inline-block from `.img-thumbnail` + + > img { + .img-responsive(); + } } + // Add a hover state for linked versions only a.thumbnail:hover, a.thumbnail:focus { |