@use 'element-plus/theme-chalk/src/mixins/mixins.scss' as *;

@include b(state){
    @include e(dot){
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        // margin-right: 6px;
        &.is-danger{
            background-color: getCssVar('color','danger');
        }
        &.is-warning{
            background-color: getCssVar('color','warning');
        }
        &.is-primary{
            background-color: getCssVar('color','primary');
        }
        &.is-success{
            background-color: getCssVar('color','success');
        }
        &.is-info{
            background-color: getCssVar('color','info');
        }
    }
}