37 lines
753B

  1. //
  2. // Thumbnails
  3. // --------------------------------------------------
  4. // Mixin and adjust the regular image class
  5. .thumbnail {
  6. display: block;
  7. padding: @thumbnail-padding;
  8. margin-bottom: @line-height-computed;
  9. line-height: @line-height-base;
  10. background-color: @thumbnail-bg;
  11. border: 1px solid @thumbnail-border;
  12. border-radius: @thumbnail-border-radius;
  13. .transition(border .2s ease-in-out);
  14. > img,
  15. a > img {
  16. &:extend(.img-responsive);
  17. margin-left: auto;
  18. margin-right: auto;
  19. }
  20. // Add a hover state for linked versions only
  21. a&:hover,
  22. a&:focus,
  23. a&.active {
  24. border-color: @link-color;
  25. }
  26. // Image captions
  27. .caption {
  28. padding: @thumbnail-caption-padding;
  29. color: @thumbnail-caption-color;
  30. }
  31. }