// Mixins
@mixin clearfix {
    &::after {
        clear: both;
        content: "";
        display: table;
    }
}

@mixin control-shadow {
    box-shadow: 0 0 .4rem fade($core-color, 25%);
}

@mixin control-transition {
    transition: all .15s ease;
}

@mixin toast-variant($color) {
    background: fade($color, 90%);
    border-color: $color;
}

@mixin label-base() {
    border-radius: .2rem;
    font-size: .95em;
    padding: .1em .3em;
    vertical-align: baseline;
}

@mixin label-variant($color) {
    background: $color;
    color: $core-light-color;
}