2017-07-28 20:13:52 +08:00
|
|
|
/* badges */
|
|
|
|
.badge{
|
|
|
|
border-radius: 8px;
|
|
|
|
padding: 4px 8px;
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: $font-size-mini;
|
|
|
|
line-height: 12px;
|
|
|
|
background-color: $transparent-bg;
|
|
|
|
border: $border;
|
|
|
|
margin-bottom: 5px;
|
2019-09-12 23:48:41 +08:00
|
|
|
color: $white-color;
|
2017-07-28 20:13:52 +08:00
|
|
|
border-radius: $border-radius-extreme;
|
2019-09-12 23:48:41 +08:00
|
|
|
|
|
|
|
&:hover,
|
|
|
|
&:focus{
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2017-07-28 20:13:52 +08:00
|
|
|
}
|
|
|
|
.badge-icon{
|
|
|
|
padding: 0.4em 0.55em;
|
|
|
|
i{
|
|
|
|
font-size: 0.8em;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.badge-default{
|
|
|
|
@include badge-color($default-color);
|
|
|
|
}
|
|
|
|
.badge-primary{
|
|
|
|
@include badge-color($primary-color);
|
|
|
|
}
|
|
|
|
.badge-info{
|
|
|
|
@include badge-color($info-color);
|
|
|
|
}
|
|
|
|
.badge-success{
|
|
|
|
@include badge-color($success-color);
|
|
|
|
}
|
|
|
|
.badge-warning{
|
|
|
|
@include badge-color($warning-color);
|
|
|
|
}
|
|
|
|
.badge-danger{
|
|
|
|
@include badge-color($danger-color);
|
|
|
|
}
|
|
|
|
.badge-neutral{
|
|
|
|
@include badge-color($white-color);
|
2019-09-12 23:48:41 +08:00
|
|
|
color: inherit !important;
|
2017-07-28 20:13:52 +08:00
|
|
|
}
|