twitter/bootstrap — Issue #2281: Additional default wells
Author: waynebrantley
Created: 2012-02-27 06:40:40+00:00
State: open

Currently the .well style provided works nicely, but is very large in some cases. I recommend a well-medium and well-small with the following mixin. Additionally, shouldn't the background-color and border color be a variable?

Here is the new proposed css less . If you think this would be useful for others, I can make the modification and do a pull request. (if so, what about the color?)

.well (@wellsize:20px) {
min-height: @wellsize;
padding: (@wellsize - 1);
margin-bottom: @wellsize;
background-color: #f5f5f5;
border: 1px solid #eee;
border: 1px solid rgba(0, 0, 0, 0.05);
.border-radius(4px);
.box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
blockquote {
border-color: #ddd;
border-color: rgba(0,0,0,.15);
}
}

.well-medium {
.well(10px);
}

.well-small {
.well(5px);
}