thumbnails.less 563 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. > img {
  9. .img-responsive();
  10. }
  11. }
  12. // Add a hover state for linked versions only
  13. a.thumbnail:hover,
  14. a.thumbnail:focus {
  15. border-color: @link-color;
  16. }
  17. // Images and captions
  18. .thumbnail > img {
  19. margin-left: auto;
  20. margin-right: auto;
  21. }
  22. .thumbnail .caption {
  23. padding: @thumbnail-caption-padding;
  24. color: @thumbnail-caption-color;
  25. }