twbs--bootstrap/less/thumbnails.less

//
// Thumbnails
// --------------------------------------------------


// Mixin and adjust the regular image class
.thumbnail {
  .img-thumbnail();
  display: block; // Override the inline-block from `.img-thumbnail`
  margin-bottom: @line-height-computed;

  > img {
    .img-responsive();
  }
}


// Add a hover state for linked versions only
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: @link-color;
}

// Images and captions
.thumbnail > img {
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: @thumbnail-caption-padding;
  color: @thumbnail-caption-color;
}
standardize top level file comments 2012-06-29 00:46:45 -04:00			`//`
			`// Thumbnails`
			`// --------------------------------------------------`


improve dependencies for image thumbnails and thumbnail component 2013-08-18 22:24:10 -04:00			`// Mixin and adjust the regular image class`
Combine .thumbnail and .img-thumbnail into simpler selectors 2013-01-17 23:18:03 -05:00			`.thumbnail {`
improve dependencies for image thumbnails and thumbnail component 2013-08-18 22:24:10 -04:00			`.img-thumbnail();`
			display: block; // Override the inline-block from `.img-thumbnail`
Add margin to thumbnails for proper spacing Hadn't thought about this until fixes #10137, but it makes sense I think to have margin on the bottom of thumbnails for spacing when stacking (or using different grid tiers). 2013-08-26 20:48:32 -04:00			`margin-bottom: @line-height-computed;`
improve dependencies for image thumbnails and thumbnail component 2013-08-18 22:24:10 -04:00
			`> img {`
			`.img-responsive();`
			`}`
fixes #9622: reset to inline-block for img-thumbnail, but keep block for .thumbnail > img 2013-08-15 16:40:21 -04:00			`}`
Combine .thumbnail and .img-thumbnail into simpler selectors 2013-01-17 23:18:03 -05:00
improve dependencies for image thumbnails and thumbnail component 2013-08-18 22:24:10 -04:00
mostly docs updates, but also some bug fixes per github issues 2011-12-20 01:58:56 -05:00			`// Add a hover state for linked versions only`
Basic keyboard accessibility CSS tweaks Mostly doubling-up :hover styles to also cover :focus, as a first step to making the framework more keyboard-friendly. Additionally, fixed two small markup issues in the docs/examples to make the "Learn more" large primary button-styled links keyboard-focusable (as without href they're treated as non-tabable anchors). 2013-01-02 17:39:21 -05:00			`a.thumbnail:hover,`
			`a.thumbnail:focus {`
Part 1 of unCamelCasing variables 2012-11-30 17:37:24 -05:00			`border-color: @link-color;`
mostly docs updates, but also some bug fixes per github issues 2011-12-20 01:58:56 -05:00			`}`
fix #2572: streamline thumbnails css to allow for offsets 2012-04-01 03:59:34 -04:00
mostly docs updates, but also some bug fixes per github issues 2011-12-20 01:58:56 -05:00			`// Images and captions`
			`.thumbnail > img {`
revamped the thumbnails examples to make them work and look better at higher resolution 2012-01-29 01:48:25 -05:00			`margin-left: auto;`
			`margin-right: auto;`
mostly docs updates, but also some bug fixes per github issues 2011-12-20 01:58:56 -05:00			`}`
			`.thumbnail .caption {`
addressing #9189 manually, part 7: thumbnails vars 2013-08-11 22:32:16 -04:00			`padding: @thumbnail-caption-padding;`
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars 2013-04-21 21:29:06 -04:00			`color: @thumbnail-caption-color;`
start breaking down patterns.less into more distinct files, update docs for forms to use correct classes 2011-11-17 02:58:36 -05:00			`}`