chill-bundles/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/mixins.scss

///
///  Chill badge mixin
//   define chill visual badge
///

@mixin chill_badge($color) {
    text-transform: capitalize !important;
    font-weight: 500 !important;
    border-left: 20px groove $color;
    &:before {
        font-family: ForkAwesome;
        content: '\f04b';
        color: $color;
    }
}

///
///  Social badge mixin
//   define visual badge for social issues or social action
///

@mixin badge_social($color) {
    @include chill_badge($color);
    &:before {
        margin: 0 0.3em 0 -0.75em;
    }
}

///
/// Generic mixin for titles like badge
//  define visual badge used in title area
///

@mixin badge_title($color) {
    @include chill_badge($color);
    &:before {
        margin: 0 0.3em 0 -1.05em;
    }
}