You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
2.1 KiB
108 lines
2.1 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # Badges component |
|
* |
|
* Overrides for badges bootstrap component |
|
* |
|
* Version: 1.2 |
|
* Latest update: Mar 10, 2016 |
|
* |
|
* ---------------------------------------------------------------------------- */ |
|
|
|
|
|
// Base |
|
// ------------------------- |
|
|
|
.badge { |
|
padding: 2px 6px 1px 6px; |
|
font-size: 10px; |
|
letter-spacing: 0.1px; |
|
vertical-align: baseline; |
|
background-color: transparent; |
|
border: 1px solid transparent; |
|
border-radius: 100px; |
|
|
|
// Quick fix for badges in buttons |
|
.btn & { |
|
top: 0; |
|
} |
|
.btn-xs & { |
|
padding: 2px 6px 1px 6px; |
|
} |
|
|
|
// Account for badges in navs |
|
.list-group-item.active > &, |
|
.nav-pills > .active > a > &, |
|
.nav-tabs-solid > .active > a > &, |
|
.nav-tabs[class*=bg-] > li > a > & { |
|
color: @badge-active-color; |
|
background-color: @badge-active-bg; |
|
border-color: @badge-active-bg; |
|
} |
|
.nav-pills > li > a > & { |
|
margin-left: 0; |
|
|
|
&.position-right { |
|
margin-left: @element-horizontal-spacing; |
|
} |
|
} |
|
} |
|
|
|
|
|
// Contextual variations |
|
// ------------------------- |
|
|
|
// Default |
|
.badge-default { |
|
background-color: @label-default-bg; |
|
border-color: @label-default-bg; |
|
} |
|
|
|
// Primary |
|
.badge-primary { |
|
background-color: @label-primary-bg; |
|
border-color: @label-primary-bg; |
|
} |
|
|
|
// Success |
|
.badge-success { |
|
background-color: @label-success-bg; |
|
border-color: @label-success-bg; |
|
} |
|
|
|
// Info |
|
.badge-info { |
|
background-color: @label-info-bg; |
|
border-color: @label-info-bg; |
|
} |
|
|
|
// Warning |
|
.badge-warning { |
|
background-color: @label-warning-bg; |
|
border-color: @label-warning-bg; |
|
} |
|
|
|
// Danger |
|
.badge-danger { |
|
background-color: @label-danger-bg; |
|
border-color: @label-danger-bg; |
|
} |
|
|
|
|
|
// Flat labels style |
|
// ------------------------- |
|
|
|
.badge-flat { |
|
background-color: transparent; |
|
border-width: 2px; |
|
padding: 1px 5px 0 5px; |
|
|
|
// Remove background color and shadow on hover |
|
&[href] { |
|
&:hover, |
|
&:focus { |
|
background-color: transparent; |
|
.box-shadow(none); |
|
} |
|
} |
|
}
|
|
|