2018-12-09 08:21:01 +01:00
|
|
|
@mixin badge-variant($bg) {
|
|
|
|
color: color-yiq($bg);
|
|
|
|
background-color: $bg;
|
|
|
|
|
2020-08-23 12:01:06 +02:00
|
|
|
@at-root a#{&} {
|
|
|
|
@include hover-focus() {
|
2018-12-09 08:21:01 +01:00
|
|
|
color: color-yiq($bg);
|
|
|
|
background-color: darken($bg, 10%);
|
|
|
|
}
|
2020-08-23 12:01:06 +02:00
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&.focus {
|
|
|
|
outline: 0;
|
|
|
|
box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
|
|
|
|
}
|
2018-12-09 08:21:01 +01:00
|
|
|
}
|
|
|
|
}
|