Contents

//
// Thumbnails
// --------------------------------------------------

// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files

// Make wrapper ul behave like the grid
.thumbnails
  margin-left: -$gridGutterWidth
  list-style: none
  +ctb-clearfix

// Fluid rows have no left margin
.row-fluid .thumbnails
  margin-left: 0

// Float li to make thumbnails appear in a row
.thumbnails > li
  float: left
  // Explicity set the float since we don't require .span* classes
  margin-bottom: $baseLineHeight
  margin-left: $gridGutterWidth

// The actual thumbnail (can be `a` or `div`)
.thumbnail
  display: block
  padding: 4px
  line-height: $baseLineHeight
  border: 1px solid #dddddd
  +ctb-border-radius($baseBorderRadius)
  +ctb-box-shadow(0 1px 3px rgba(0, 0, 0, 0.055))
  +ctb-transition(all 0.2s ease-in-out)

// Add a hover/focus state for linked versions only

a.thumbnail:hover,
a.thumbnail:focus
  border-color: $linkColor
  +ctb-box-shadow(0 1px 4px rgba(0, 105, 214, 0.25))

// Images and captions
.thumbnail > img
  display: block
  max-width: 100%
  margin-left: auto
  margin-right: auto

.thumbnail .caption
  padding: 9px
  color: $gray

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
compass_twitter_bootstrap-2.3.1	stylesheets_sass/compass_twitter_bootstrap/_thumbnails.sass