pyc-website

main website for pyc inc.
git clone https://9o.is/git/pyc-website.git
thumbnails.less

(742B)
      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   .transition(all .2s ease-in-out);
     16 
     17   > img,
     18   a > img {
     19     .img-responsive();
     20     margin-left: auto;
     21     margin-right: auto;
     22   }
     23 
     24   // Add a hover state for linked versions only
     25   a&:hover,
     26   a&:focus,
     27   a&.active {
     28     border-color: @link-color;
     29   }
     30 
     31   // Image captions
     32   .caption {
     33     padding: @thumbnail-caption-padding;
     34     color: @thumbnail-caption-color;
     35   }
     36 }