From c854ed167ce37d6a008723c78f2e6336211fff69 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 21 Dec 2011 16:26:21 -0600
Subject: rename media grid to thumbnails, recompile bootstrap, fix examples
 for mobile phones

---
 lib/thumbnails.less | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 lib/thumbnails.less

(limited to 'lib/thumbnails.less')

diff --git a/lib/thumbnails.less b/lib/thumbnails.less
new file mode 100644
index 000000000..12626df3f
--- /dev/null
+++ b/lib/thumbnails.less
@@ -0,0 +1,33 @@
+// THUMBNAILS
+// ----------
+
+.thumbnails {
+  margin-left: -20px;
+  margin-bottom: 0;
+  list-style: none;
+  .clearfix();
+}
+.thumbnails > li {
+  float: left;
+  margin: 0 0 20px 20px;
+}
+.thumbnail {
+  display: block;
+  line-height: 1;
+  border: 1px solid #ddd;
+  .border-radius(4px);
+  .box-shadow(0 1px 1px rgba(0,0,0,.075));
+}
+// Add a hover state for linked versions only
+a.thumbnail:hover {
+  border-color: @linkColor;
+  .box-shadow(0 1px 4px rgba(0,105,214,.25));
+}
+// Images and captions
+.thumbnail > img {
+  display: block;
+  margin: 4px;
+}
+.thumbnail .caption {
+  padding: 9px;
+}
-- 
cgit v1.2.3


From 00cbadf9943fea6a196cc01c7705d7f2c012bfa1 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 21 Dec 2011 18:21:55 -0600
Subject: update thumbnails to keep images from going past edges of thumbnails

---
 lib/thumbnails.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'lib/thumbnails.less')

diff --git a/lib/thumbnails.less b/lib/thumbnails.less
index 12626df3f..9e25f5027 100644
--- a/lib/thumbnails.less
+++ b/lib/thumbnails.less
@@ -13,6 +13,7 @@
 }
 .thumbnail {
   display: block;
+  padding: 4px;
   line-height: 1;
   border: 1px solid #ddd;
   .border-radius(4px);
@@ -26,7 +27,7 @@ a.thumbnail:hover {
 // Images and captions
 .thumbnail > img {
   display: block;
-  margin: 4px;
+  max-width: 100%;
 }
 .thumbnail .caption {
   padding: 9px;
-- 
cgit v1.2.3