fixes #5275: inline-block badges and labels, then fix padding accordingly

This commit is contained in:
Mark Otto 2012-10-01 12:04:10 -07:00
parent 5035592988
commit bc4f5d565e
2 changed files with 8 additions and 4 deletions

View File

@ -5435,6 +5435,8 @@ a.thumbnail:hover {
.label,
.badge {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
@ -5446,14 +5448,14 @@ a.thumbnail:hover {
}
.label {
padding: 1px 4px 2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.badge {
padding: 1px 9px 2px;
padding-right: 9px;
padding-left: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;

View File

@ -6,6 +6,8 @@
// Base classes
.label,
.badge {
display: inline-block;
padding: 2px 4px;
font-size: @baseFontSize * .846;
font-weight: bold;
line-height: 14px; // ensure proper line-height if floated
@ -17,11 +19,11 @@
}
// Set unique padding and border-radii
.label {
padding: 1px 4px 2px;
.border-radius(3px);
}
.badge {
padding: 1px 9px 2px;
padding-left: 9px;
padding-right: 9px;
.border-radius(9px);
}