thumbnails cleanup: no more UL or LI elements needed, instead just use standard grid markup

3 files changed, 2 insertions, 43 deletions

diff --git a/less/responsive-1200px-min.less b/less/responsive-1200px-min.less
index e8dcb73dc..d028ef724 100644
--- a/less/responsive-1200px-min.less
+++ b/less/responsive-1200px-min.less
@@ -16,12 +16,4 @@
   #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200, @gridRowWidth1200);
   #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200, @gridRowWidth1200);
 
-  // Thumbnails
-  .thumbnails {
-    margin-left: -@gridGutterWidth1200;
-  }
-  .thumbnails > li {
-    margin-left: @gridGutterWidth1200;
-  }
-
 }
diff --git a/less/responsive-767px-max.less b/less/responsive-767px-max.less
index ebac6edd2..95e446088 100644
--- a/less/responsive-767px-max.less
+++ b/less/responsive-767px-max.less
@@ -43,15 +43,10 @@
   .container {
     width: auto;
   }
-  // Undo negative margin on rows and thumbnails
-  .row,
-  .thumbnails {
+  // Undo negative margin on rows
+  .row {
     margin-left: 0;
   }
-  .thumbnails > li {
-    float: none;
-    margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present
-  }
   // Make all grid-sized elements block level again
   [class*="span"],
   // Makes uneditable inputs full-width when using grid sizing
@@ -60,20 +55,12 @@
     display: block;
     width: 100%;
     margin-left: 0;
-    .box-sizing(border-box);
-  }
-  .span12 {
-    width: 100%;
-    .box-sizing(border-box);
   }
 
 
   // FORM FIELDS
   // -----------
   // Make span* classes full width
-  .input-large,
-  .input-xlarge,
-  .input-xxlarge,
   input[class*="span"],
   select[class*="span"],
   textarea[class*="span"],
diff --git a/less/thumbnails.less b/less/thumbnails.less
index 91b75f785..c520a05ab 100644
--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -3,26 +3,6 @@
 // --------------------------------------------------
 
 
-// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
-
-// Make wrapper ul behave like the grid
-.thumbnails {
-  margin-left: -@gridGutterWidth;
-  list-style: none;
-  .clearfix();
-}
-// Fluid rows have no left margin
-.row-fluid .thumbnails {
-  margin-left: 0;
-}
-
-// Float li to make thumbnails appear in a row
-.thumbnails > li {
-  float: left; // Explicity set the float since we don't require .span* classes
-  margin-bottom: @baseLineHeight;
-  margin-left: @gridGutterWidth;
-}
-
 // The actual thumbnail (can be `a` or `div`)
 .thumbnail {
   display: block;