.#{$prefix}badge { vertical-align: middle; @extend %font-size-sm; .ic { width: 14px; height: 14px; margin-left: 4px; font-size: 12px; font-weight: 600; line-height: 12px; vertical-align: middle; cursor: pointer; } &-sm { padding: 0 4px; } &-dot, &-dot:empty { display: inline-block; width: 8px; height: 8px; padding: 0; } &-cloud, &-info, &-light, &-smoke, &-warning { color: $dark; } }