github/bootstrap
1
1
Fork 0
mirror of https://github.com/jasny/bootstrap.git synced 2026-02-06 20:15:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

Combine .thumbnail and .img-thumbnail into simpler selectors

Browse Source
This commit is contained in:
Mark Otto
2013-01-17 20:18:03 -08:00
parent ca74b9882b
commit f068cdeb63
3 changed files with 25 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
less/scaffolding.less
View File

@@ -78,10 +78,7 @@ img {
}
// Image thumbnails
.img-thumbnail {
.thumbnail();
display: inline-block;
}
// See thumbnails.less for `.img-thumbnail`
// Perfect circle
.img-circle {

17
less/thumbnails.less
View File

@@ -3,15 +3,26 @@
// --------------------------------------------------
// The actual thumbnail (can be `a` or `div`)
.thumbnail {
display: block;
// Base classes
// For thumbnail block-level composite components and simple image styles
// The actual thumbnailed element
// Can be `a`, `div`, or `img`
.thumbnail,
.img-thumbnail {
padding: 4px;
line-height: @line-height-base;
border: 1px solid #ddd;
border-radius: @border-radius-base;
.transition(all .2s ease-in-out);
}
.thumbnail {
display: block;
}
.img-thumbnail {
display: inline-block;
}
// Add a hover state for linked versions only
a.thumbnail:hover {
border-color: @link-color;