{"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\";\r\n\r\n.#{$component-prefix}badge {\r\n\r\n  &--content {\r\n    box-sizing: border-box;\r\n    display: inline-block;\r\n    min-width: $badge-size;\r\n    padding: $badge-padding;\r\n    font-family: $badge-font-family;\r\n    font-size: $badge-font-size;\r\n    font-weight: $badge-font-weight;\r\n    line-height: 1.2;\r\n    color: $badge-color;\r\n    text-align: center;\r\n    background: $badge-background-color;\r\n    border: $badge-border-width solid $badge-border-color;\r\n    border-radius: $badge-border-radius;\r\n  }\r\n\r\n  &--dot {\r\n    width: $badge-dot-size;\r\n    min-width: 0;\r\n    height: $badge-dot-size;\r\n    padding: 0;\r\n    background: $badge-dot-color;\r\n    border-radius: 100%;\r\n  }\r\n\r\n  &--fixed {\r\n    position: absolute;\r\n    transform-origin: 100%;\r\n  }\r\n\r\n  &--top-left {\r\n    top: 0;\r\n    left: 0;\r\n    transform: translate(-50%, -50%);\r\n  }\r\n\r\n  &--top-right {\r\n    top: 0;\r\n    right: 0;\r\n    transform: translate(50%, -50%);\r\n  }\r\n\r\n  &--bottom-left {\r\n    bottom: 0;\r\n    left: 0;\r\n    transform: translate(-50%, 50%);\r\n  }\r\n\r\n  &--bottom-right {\r\n    right: 0;\r\n    bottom: 0;\r\n    transform: translate(50%, 50%);\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$badge-size: var(--badge-size, 16px * $hd);\r\n$badge-color: var(--badge-color, var(--white, $white));\r\n$badge-padding: var(--badge-padding, 0 3px * $hd);\r\n$badge-font-family: var(--badge-font-family, #{-apple-system-font, helvetica neue, arial, sans-serif});\r\n$badge-font-size: var(--badge-font-size, var(--font-size-sm, $font-size-sm));\r\n$badge-font-weight: var(--badge-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$badge-border-width: var(--badge-border-width, var(--border-width-base, $border-width-base));\r\n$badge-border-color: var(--badge-border-color, var(--white, $white));\r\n$badge-border-radius: var(--badge-border-radius, var(--border-radius-max, $border-radius-max));\r\n$badge-background-color: var(--badge-background-color, var(--red, $red));\r\n$badge-dot-color: var(--badge-dot-color, $badge-background-color);\r\n$badge-dot-size: var(--badge-dot-size, 8PX);\r\n//$badge-dot-size: var(--badge-dot-size, 8px * $hd);\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}badge-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n"]}