_thumbnails.scss 892 B

1234567891011121314151617181920212223242526272829303132333435363738
  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. @include transition(border .2s ease-in-out);
  14. > img,
  15. a > img {
  16. @include img-responsive;
  17. margin-left: auto;
  18. margin-right: auto;
  19. }
  20. // [converter] extracted a&:hover, a&:focus, a&.active to a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active
  21. // Image captions
  22. .caption {
  23. padding: $thumbnail-caption-padding;
  24. color: $thumbnail-caption-color;
  25. }
  26. }
  27. // Add a hover state for linked versions only
  28. a.thumbnail:hover,
  29. a.thumbnail:focus,
  30. a.thumbnail.active {
  31. border-color: $link-color;
  32. }