From f068cdeb63770182b9e954eac9cbd11bf8df5d57 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 17 Jan 2013 20:18:03 -0800
Subject: Combine .thumbnail and .img-thumbnail into simpler selectors

---
 less/scaffolding.less |  5 +----
 less/thumbnails.less  | 17 ++++++++++++++---
 2 files changed, 15 insertions(+), 7 deletions(-)

(limited to 'less')

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;
-- 
cgit v1.2.3