cycat-project-website/_sass/bootstrap/mixins/_badge.scss

18 lines
320 B
SCSS
Raw Normal View History

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
}
}