use :extend in thumbnail Less

fda8d91c · Chris Rebert · 651b289e · fda8d91c · fda8d91c
Commit fda8d91c authored 11 years ago by Chris Rebert
Hide whitespace changes
Inline Side-by-side

Showing

with 4 additions and 5 deletions
+4 -5
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -307,7 +307,9 @@ figure {
 img {
  vertical-align: middle;
 }
-.img-responsive {
+.img-responsive,
+.thumbnail > img,
+.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
@@ -4401,9 +4403,6 @@ a.list-group-item.active > .badge,
 }
 .thumbnail > img,
 .thumbnail a > img {
-  display: block;
-  max-width: 100%;
-  height: auto;
  margin-right: auto;
  margin-left: auto;
 }

--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -16,7 +16,7 @@
  > img,
  a > img {
-    .img-responsive();
+    &:extend(.img-responsive);
    margin-left: auto;
    margin-right: auto;
  }