2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-08 17:22:31 +03:00

adding basic badges support

This commit is contained in:
Mark Otto
2012-02-20 21:20:06 -08:00
parent d2630ff84e
commit 06d4756114
8 changed files with 277 additions and 10 deletions
+35
View File
@@ -0,0 +1,35 @@
// BADGES
// ------
// Base
.badge {
padding: 2px 10px 3px;
font-size: @baseFontSize * .925;
font-weight: bold;
color: @white;
background-color: @grayLight;
.border-radius(10px);
}
// Hover state
.badge:hover {
color: @white;
text-decoration: none;
cursor: pointer;
}
// Colors
.badge-error { background-color: @errorText; }
.badge-error:hover { background-color: darken(@errorText, 10%); }
.badge-warning { background-color: @orange; }
.badge-warning:hover { background-color: darken(@orange, 10%); }
.badge-success { background-color: @successText; }
.badge-success:hover { background-color: darken(@successText, 10%); }
.badge-info { background-color: @infoText; }
.badge-info:hover { background-color: darken(@infoText, 10%); }
.badge-inverse { background-color: @grayDark; }
.badge-inverse:hover { background-color: darken(@grayDark, 10%); }
+1
View File
@@ -53,6 +53,7 @@
// Components: Misc
@import "thumbnails.less";
@import "labels.less";
@import "badges.less";
@import "progress-bars.less";
@import "accordion.less";
@import "carousel.less";