www.aleph1.co.uk Git - yaffs-website/blob - vendor/twbs/bootstrap-sass/assets/stylesheets/bootstrap/_thumbnails.scss

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