diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/scaffolding.less | 5 | ||||
| -rw-r--r-- | less/thumbnails.less | 17 |
2 files changed, 15 insertions, 7 deletions
diff --git a/less/scaffolding.less b/less/scaffolding.less index 7cc77b1bd..e7b815b82 100644 --- a/less/scaffolding.less +++ b/less/scaffolding.less @@ -78,10 +78,7 @@ img { } // Image thumbnails -.img-thumbnail { - .thumbnail(); - display: inline-block; -} +// See thumbnails.less for `.img-thumbnail` // Perfect circle .img-circle { diff --git a/less/thumbnails.less b/less/thumbnails.less index 69e69a4e1..3c583f8ca 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -3,15 +3,26 @@ // -------------------------------------------------- -// The actual thumbnail (can be `a` or `div`) -.thumbnail { - display: block; +// 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: 4px; line-height: @line-height-base; border: 1px solid #ddd; border-radius: @border-radius-base; .transition(all .2s ease-in-out); } +.thumbnail { + display: block; +} +.img-thumbnail { + display: inline-block; +} + // Add a hover state for linked versions only a.thumbnail:hover { border-color: @link-color; |