git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/thumbnails.less

   1 //
   2 // Thumbnails
   3 // --------------------------------------------------
   4
   5
   6 // Base classes
   7 // For thumbnail block-level composite components and simple image styles
   8
   9 // The actual thumbnailed element
  10 // Can be `a`, `div`, or `img`
  11 .thumbnail,
  12 .img-thumbnail {
  13   padding: @thumbnail-padding;
  14   line-height: @line-height-base;
  15   background-color: @thumbnail-bg;
  16   border: 1px solid @thumbnail-border;
  17   border-radius: @thumbnail-border-radius;
  18   .transition(all .2s ease-in-out);
  19 }
  20 .thumbnail {
  21   display: block;
  22 }
  23 .thumbnail > img {
  24   .img-responsive();
  25 }
  26 .img-thumbnail {
  27   .img-responsive(inline-block);
  28 }
  29
  30 // Add a hover state for linked versions only
  31 a.thumbnail:hover,
  32 a.thumbnail:focus {
  33   border-color: @link-color;
  34 }
  35
  36 // Images and captions
  37 .thumbnail > img {
  38   margin-left: auto;
  39   margin-right: auto;
  40 }
  41 .thumbnail .caption {
  42   padding: @thumbnail-caption-padding;
  43   color: @thumbnail-caption-color;
  44 }