restore margins on thumbnails, add comments about it's changes and how responsive...

diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index 4f6eb75ba2a099b43d55176560dfbf52ad2ae603..7f669d573fb1b27a0354f62007669e30d408510b 100644 (file)
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -671,6 +671,9 @@
   .thumbnails {
     margin-left: -30px;
   }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
   .row-fluid .thumbnails {
     margin-left: 0;
   }

diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css
index 863e5230c65f662eae237b1506095a5d39f0c082..f13cad826dd5fa415f0c0099ed8daad04ca3f89d 100644 (file)
--- a/docs/assets/css/bootstrap.css
+++ b/docs/assets/css/bootstrap.css
@@ -2549,7 +2549,7 @@ table .span24 {
 button.close {
   padding: 0;
   cursor: pointer;
-  background-color: transparent;
+  background: transparent;
   border: 0;
   -webkit-appearance: none;
 }
@@ -4449,6 +4449,7 @@ input[type="submit"].btn.btn-mini {
 .thumbnails > li {
   float: left;
   margin-bottom: 18px;
+  margin-left: 20px;
 }
 
 .thumbnail {

diff --git a/less/close.less b/less/close.less
index e264fca2d95794550486ff10ea355cf8bff8af71..31fe6fcb369f8a04aeab79c9b2286eced9825f7f 100644 (file)
--- a/less/close.less
+++ b/less/close.less
@@ -23,7 +23,7 @@
 button.close {
   padding: 0;
   cursor: pointer;
-  background-color: transparent;
+  background: transparent;
   border: 0;
   -webkit-appearance: none;
 }
\ No newline at end of file

diff --git a/less/responsive-1200px-min.less b/less/responsive-1200px-min.less
index 3331cfe5b52858928f485cf3f4cb87179f068d93..a7c9f4e004a314dc7c17ca285056932cb6997b6b 100644 (file)
--- a/less/responsive-1200px-min.less
+++ b/less/responsive-1200px-min.less
@@ -16,6 +16,9 @@
   .thumbnails {
     margin-left: -30px;
   }
+  .thumbnails > li {
+    margin-left: 30px;
+  }
   .row-fluid .thumbnails {
     margin-left: 0;
   }

diff --git a/less/responsive-768px-979px.less b/less/responsive-768px-979px.less
index 10dda4b02cf28a802e938a734b746ad84ed7ec33..76f4f6df15049e3109879b082a0e2f8357e49e96 100644 (file)
--- a/less/responsive-768px-979px.less
+++ b/less/responsive-768px-979px.less
@@ -12,4 +12,6 @@
   // Input grid
   #grid > .input(42px, 20px);
 
+  // No need to reset .thumbnails here since it's the same @gridGutterWidth
+
 }

diff --git a/less/thumbnails.less b/less/thumbnails.less
index 012def577a5c9db773b26deb0bdf166003a41dfa..aa69f8e33dbbfc385275499fdffd5aacce9861c8 100644 (file)
--- a/less/thumbnails.less
+++ b/less/thumbnails.less
@@ -1,5 +1,6 @@
 // THUMBNAILS
 // ----------
+// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files
 
 // Make wrapper ul behave like the grid
 .thumbnails {
@@ -16,6 +17,7 @@
 .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`)