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:
@@ -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%); }
|
||||
Vendored
+1
@@ -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";
|
||||
|
||||
Reference in New Issue
Block a user