engagementgamelab/CivicSeed

View on GitHub
client/css/bootstrap/thumbnails.styl

Summary

Maintainability
Test Coverage
//
// Thumbnails
// --------------------------------------------------


// Mixin and adjust the regular image class
.thumbnail
  display block
  padding $thumbnail-padding
  margin-bottom $line-height-computed
  line-height $line-height-base
  background-color $thumbnail-bg
  border 1px solid $thumbnail-border
  border-radius $thumbnail-border-radius
  transition border .2s ease-in-out

  > img,
  a > img
    @extend .img-responsive
    margin-left auto
    margin-right auto

  // Add a hover state for linked versions only
  a&:hover,
  a&:focus,
  a&.active
    border-color $link-color

  // Image captions
  .caption
    padding $thumbnail-caption-padding
    color $thumbnail-caption-color