/*————————————
Badges
————————————*/
- class*=“u-badge”
-
{
position: absolute; display: inline-block; text-align: center; @include px-to-rem("font-size", 13px); color: $g-color-main; z-index: 3;
}
[class*=“u-badge”]:not(, [class*=“–bottom-left”], [class*=“–bottom-right”]) {
top: 0; right: 0; transform: translate(50%, -50%);
}
.u-badge {
&--top-left { top: 0; left: 0; transform: translate(-50%, -50%); } &--bottom-left { bottom: 0; left: 0; transform: translate(-50%, 50%); } &--bottom-right { bottom: 0; right: 0; transform: translate(50%, 50%); }
}