logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

thumbnails.less (750B)

    

  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.     &:extend(.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. }