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 }