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: 4px;
  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-thumbnail {
  25   .img-responsive();
  26 }
  27
  28 // Add a hover state for linked versions only
  29 a.thumbnail:hover,
  30 a.thumbnail:focus {
  31   border-color: @link-color;
  32 }
  33
  34 // Images and captions
  35 .thumbnail > img {
  36   margin-left: auto;
  37   margin-right: auto;
  38 }
  39 .thumbnail .caption {
  40   padding: 9px;
  41   color: @thumbnail-caption-color;
  42 }