2017-06-26 03:15:32 +02:00
|
|
|
@mixin badge-variant($bg) {
|
2017-09-13 17:32:44 +02:00
|
|
|
color: color-yiq($bg);
|
2017-06-26 03:15:32 +02:00
|
|
|
background-color: $bg;
|
2014-12-02 23:02:35 +01:00
|
|
|
|
2018-09-14 14:31:48 +02:00
|
|
|
@at-root a#{&} {
|
2015-01-01 10:05:01 +01:00
|
|
|
@include hover-focus {
|
2017-09-13 17:32:44 +02:00
|
|
|
color: color-yiq($bg);
|
2017-06-26 03:15:32 +02:00
|
|
|
background-color: darken($bg, 10%);
|
2014-12-02 23:02:35 +01:00
|
|
|
}
|
2018-12-21 22:55:05 +01:00
|
|
|
|
|
|
|
&:focus,
|
|
|
|
&.focus {
|
|
|
|
outline: 0;
|
|
|
|
box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
|
|
|
|
}
|
2014-12-02 23:02:35 +01:00
|
|
|
}
|
|
|
|
}
|