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