thumbnails.less 663 B

1234567891011121314151617181920212223242526272829303132333435
  1. // THUMBNAILS
  2. // ----------
  3. .thumbnails {
  4. margin-left: -@gridGutterWidth;
  5. list-style: none;
  6. .clearfix();
  7. }
  8. .thumbnails > li {
  9. float: left;
  10. margin: 0 0 @baseLineHeight @gridGutterWidth;
  11. }
  12. .thumbnail {
  13. display: block;
  14. padding: 4px;
  15. line-height: 1;
  16. border: 1px solid #ddd;
  17. .border-radius(4px);
  18. .box-shadow(0 1px 1px rgba(0,0,0,.075));
  19. }
  20. // Add a hover state for linked versions only
  21. a.thumbnail:hover {
  22. border-color: @linkColor;
  23. .box-shadow(0 1px 4px rgba(0,105,214,.25));
  24. }
  25. // Images and captions
  26. .thumbnail > img {
  27. display: block;
  28. max-width: 100%;
  29. margin-left: auto;
  30. margin-right: auto;
  31. }
  32. .thumbnail .caption {
  33. padding: 9px;
  34. }