From cde1b9a1782a6592e2d41ce2ad60aadd74e5539c Mon Sep 17 00:00:00 2001 From: Kevin Lisota Date: Mon, 16 Sep 2013 08:21:09 -0700 Subject: add responsive CSS to hyperlinked images when thumbnail caption markup is used When thumbnail caption markup is used in combination with a hyperlinked image, the image is not responsive. (non-hyperlinked images are fine, like the example in the docs) Adding a selector to apply responsiveness to hyperlinked images when thumbnail captions are used. --- less/thumbnails.less | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'less/thumbnails.less') diff --git a/less/thumbnails.less b/less/thumbnails.less index a210cac72..f6064a245 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -9,7 +9,8 @@ display: block; // Override the inline-block from `.img-thumbnail` margin-bottom: @line-height-computed; - > img { + > img, + a > img { .img-responsive(); } } -- cgit v1.2.3 From e4848286c86af39c5a30c845748fdc46de8b8dd5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 29 Nov 2013 23:19:04 -0800 Subject: Fix #10979: Don't use .img-thumbnail as a mixin for .thumbnail to avoid dupe and unnecessary styles --- less/thumbnails.less | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'less/thumbnails.less') diff --git a/less/thumbnails.less b/less/thumbnails.less index bc4178bbf..43e7d1d26 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -5,9 +5,14 @@ // Mixin and adjust the regular image class .thumbnail { - .img-thumbnail(); - display: block; // Override the inline-block from `.img-thumbnail` + display: block; + padding: @thumbnail-padding; margin-bottom: @line-height-computed; + 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); > img { .img-responsive(); -- cgit v1.2.3