thumbnails.less 803 B

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