thumbnails.less 601 B

12345678910111213141516171819202122232425262728293031
  1. //
  2. // Thumbnails
  3. // --------------------------------------------------
  4. // Mixin and adjust the regular image class
  5. .thumbnail {
  6. .img-thumbnail();
  7. display: block; // Override the inline-block from `.img-thumbnail`
  8. margin-bottom: @line-height-computed;
  9. > img {
  10. .img-responsive();
  11. margin-left: auto;
  12. margin-right: auto;
  13. }
  14. }
  15. // Add a hover state for linked versions only
  16. a.thumbnail:hover,
  17. a.thumbnail:focus,
  18. a.thumbnail.active {
  19. border-color: @link-color;
  20. }
  21. // Image captions
  22. .thumbnail .caption {
  23. padding: @thumbnail-caption-padding;
  24. color: @thumbnail-caption-color;
  25. }