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 06:46:45 +02:00			`//`
			`// Thumbnails`
			`// --------------------------------------------------`


improve dependencies for image thumbnails and thumbnail component 2013-08-19 04:24:10 +02:00			`// Mixin and adjust the regular image class`
Combine .thumbnail and .img-thumbnail into simpler selectors 2013-01-18 05:18:03 +01:00			`.thumbnail {`
improve dependencies for image thumbnails and thumbnail component 2013-08-19 04:24:10 +02: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-27 02:48:32 +02:00			`margin-bottom: @line-height-computed;`
improve dependencies for image thumbnails and thumbnail component 2013-08-19 04:24:10 +02:00
			`> img {`
			`.img-responsive();`
			`}`
fixes #9622: reset to inline-block for img-thumbnail, but keep block for .thumbnail > img 2013-08-15 22:40:21 +02:00			`}`
Combine .thumbnail and .img-thumbnail into simpler selectors 2013-01-18 05:18:03 +01:00
improve dependencies for image thumbnails and thumbnail component 2013-08-19 04:24:10 +02:00
mostly docs updates, but also some bug fixes per github issues 2011-12-20 07:58:56 +01: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 23:39:21 +01:00			`a.thumbnail:hover,`
			`a.thumbnail:focus {`
Part 1 of unCamelCasing variables 2012-11-30 23:37:24 +01:00			`border-color: @link-color;`
mostly docs updates, but also some bug fixes per github issues 2011-12-20 07:58:56 +01:00			`}`
fix #2572: streamline thumbnails css to allow for offsets 2012-04-01 09:59:34 +02:00
mostly docs updates, but also some bug fixes per github issues 2011-12-20 07:58:56 +01:00			`// Images and captions`
			`.thumbnail > img {`
revamped the thumbnails examples to make them work and look better at higher resolution 2012-01-29 07:48:25 +01:00			`margin-left: auto;`
			`margin-right: auto;`
mostly docs updates, but also some bug fixes per github issues 2011-12-20 07:58:56 +01:00			`}`
			`.thumbnail .caption {`
addressing #9189 manually, part 7: thumbnails vars 2013-08-12 04:32:16 +02:00			`padding: @thumbnail-caption-padding;`
Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars 2013-04-22 03:29:06 +02: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 08:58:36 +01:00			`}`