From dc2deb9a1b1995bbabee91bfd579d9b466fe78f2 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Thu, 26 Jan 2012 21:48:46 -0800 Subject: moving structure around + more work on builder... --- less/thumbnails.less | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 less/thumbnails.less (limited to 'less/thumbnails.less') diff --git a/less/thumbnails.less b/less/thumbnails.less new file mode 100644 index 000000000..0ba749059 --- /dev/null +++ b/less/thumbnails.less @@ -0,0 +1,33 @@ +// THUMBNAILS +// ---------- + +.thumbnails { + margin-left: -20px; + list-style: none; + .clearfix(); +} +.thumbnails > li { + float: left; + margin: 0 0 @baseLineHeight 20px; +} +.thumbnail { + display: block; + padding: 4px; + 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; + max-width: 100%; +} +.thumbnail .caption { + padding: 9px; +} -- cgit v1.2.3 From 62f4a1571a3801c867b80c228464cc9c695f1d13 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 22:48:25 -0800 Subject: revamped the thumbnails examples to make them work and look better at higher resolution --- less/thumbnails.less | 2 ++ 1 file changed, 2 insertions(+) (limited to 'less/thumbnails.less') diff --git a/less/thumbnails.less b/less/thumbnails.less index 0ba749059..541fbd6a7 100644 --- a/less/thumbnails.less +++ b/less/thumbnails.less @@ -27,6 +27,8 @@ a.thumbnail:hover { .thumbnail > img { display: block; max-width: 100%; + margin-left: auto; + margin-right: auto; } .thumbnail .caption { padding: 9px; -- cgit v1.2.3