{"version":3,"sources":["badge/badge.scss","badge/_variables.scss","badge/badge-wrapper.scss"],"names":[],"mappings":"AAIE,wBAWE,2DCHqB,CDIrB,+GAAA,CACA,uECNkB,CDNlB,6BAAA,CAAA,qBAAA,CAQA,0CCTU,CDEV,oBAAA,CAGA,uFCHgB,CDIhB,yDCHc,CDId,gECHgB,CDIhB,eAAA,CALA,gCCJS,CDKT,kCCHY,CDSZ,iBCHkB,CDSpB,oBAKE,kFCZc,CDad,kBAAA,CAHA,gCCTa,CDQb,WAAA,CAEA,SAAA,CAHA,+BAKA,CAGF,sBACE,iBAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGF,yBAEE,MAAA,CADA,KAAA,CAEA,sCAAA,CAAA,kCAAA,CAAA,8BAAA,CAGF,0BAEE,OAAA,CADA,KAAA,CAEA,qCAAA,CAAA,iCAAA,CAAA,6BAAA,CAGF,4BACE,QAAA,CACA,MAAA,CACA,qCAAA,CAAA,iCAAA,CAAA,6BAAA,CAGF,6BAEE,QAAA,CADA,OAAA,CAEA,oCAAA,CAAA,gCAAA,CAAA,4BAAA,CErDJ,uBAEE,oBAAA,CADA,iBACA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}badge {\n\n  &--content {\n    box-sizing: border-box;\n    display: inline-block;\n    min-width: $badge-size;\n    padding: $badge-padding;\n    font-family: $badge-font-family;\n    font-size: $badge-font-size;\n    font-weight: $badge-font-weight;\n    line-height: 1.2;\n    color: $badge-color;\n    text-align: center;\n    background: $badge-background-color;\n    border: $badge-border-width solid $badge-border-color;\n    border-radius: $badge-border-radius;\n  }\n\n  &--dot {\n    width: $badge-dot-size;\n    min-width: 0;\n    height: $badge-dot-size;\n    padding: 0;\n    background: $badge-dot-color;\n    border-radius: 100%;\n  }\n\n  &--fixed {\n    position: absolute;\n    transform-origin: 100%;\n  }\n\n  &--top-left {\n    top: 0;\n    left: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  &--top-right {\n    top: 0;\n    right: 0;\n    transform: translate(50%, -50%);\n  }\n\n  &--bottom-left {\n    bottom: 0;\n    left: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  &--bottom-right {\n    right: 0;\n    bottom: 0;\n    transform: translate(50%, 50%);\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$badge-size: var(--badge-size, 16px * $hd);\n$badge-color: var(--badge-color, var(--white, $white));\n$badge-padding: var(--badge-padding, 0 3px * $hd);\n$badge-font-family: var(--badge-font-family, #{-apple-system-font, helvetica neue, arial, sans-serif});\n$badge-font-size: var(--badge-font-size, var(--font-size-sm, $font-size-sm));\n$badge-font-weight: var(--badge-font-weight, var(--font-weight-bold, $font-weight-bold));\n$badge-border-width: var(--badge-border-width, var(--border-width-base, $border-width-base));\n$badge-border-color: var(--badge-border-color, var(--white, $white));\n$badge-border-radius: var(--badge-border-radius, var(--border-radius-max, $border-radius-max));\n$badge-background-color: var(--badge-background-color, var(--red, $red));\n$badge-dot-color: var(--badge-dot-color, $badge-background-color);\n$badge-dot-size: var(--badge-dot-size, 8PX);\n//$badge-dot-size: var(--badge-dot-size, 8px * $hd);\n","@import \"./variables\";\n\n.#{$component-prefix}badge-wrapper {\n  position: relative;\n  display: inline-block;\n}\n"]}