git.roojs.org Git - bootswatch/blob - bower_components/font-awesome/src/assets/less/bootstrap-3.0.0/thumbnails.less

   1 //
   2 // Thumbnails
   3 // --------------------------------------------------
   4
   5
   6 // Mixin and adjust the regular image class
   7 .thumbnail {
   8   .img-thumbnail();
   9   display: block; // Override the inline-block from `.img-thumbnail`
  10
  11   > img {
  12     .img-responsive();
  13   }
  14 }
  15
  16
  17 // Add a hover state for linked versions only
  18 a.thumbnail:hover,
  19 a.thumbnail:focus {
  20   border-color: @link-color;
  21 }
  22
  23 // Images and captions
  24 .thumbnail > img {
  25   margin-left: auto;
  26   margin-right: auto;
  27 }
  28 .thumbnail .caption {
  29   padding: @thumbnail-caption-padding;
  30   color: @thumbnail-caption-color;
  31 }