diff options
author | Arun Persaud <arun@nubati.net> | 2012-10-05 21:34:54 -0700 |
---|---|---|
committer | Arun Persaud <arun@nubati.net> | 2012-10-05 21:38:18 -0700 |
commit | 494ee831e66d59afbf02d42ba59b7ba21f61c011 (patch) | |
tree | 6fd12684f7486c841ea0d246bafc6bdca6bc7afb /css/bootstrap/thumbnails.less | |
parent | 197cea7c7d2c60f7ca0e8c40b4413ae331cd432c (diff) | |
download | e-DoKo-494ee831e66d59afbf02d42ba59b7ba21f61c011.tar.gz e-DoKo-494ee831e66d59afbf02d42ba59b7ba21f61c011.tar.bz2 e-DoKo-494ee831e66d59afbf02d42ba59b7ba21f61c011.zip |
added less, moved bootstrap to less components
Diffstat (limited to 'css/bootstrap/thumbnails.less')
-rw-r--r-- | css/bootstrap/thumbnails.less | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/css/bootstrap/thumbnails.less b/css/bootstrap/thumbnails.less new file mode 100644 index 0000000..91b75f7 --- /dev/null +++ b/css/bootstrap/thumbnails.less @@ -0,0 +1,52 @@ +// +// 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; + .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 #ddd; + .border-radius(4px); + .box-shadow(0 1px 3px rgba(0,0,0,.055)); + .transition(all .2s ease-in-out); +} +// Add a hover state for linked versions only +a.thumbnail:hover { + border-color: @linkColor; + .box-shadow(0 1px 4px rgba(0,105,214,.25)); +} + +// Images and captions +.thumbnail > img { + display: block; + max-width: 100%; + margin-left: auto; + margin-right: auto; +} +.thumbnail .caption { + padding: 9px; + color: @gray; +} |