{"version":3,"sources":["notice-bar/notice-bar.scss","notice-bar/_variables.scss"],"names":[],"mappings":"AAEA,oBAGE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAMA,yECF4B,CDC5B,wDCJiB,CDFjB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAIA,8DCDqB,CDDrB,oCCHkB,CDMlB,8CCDuB,CDDvB,0DCHmB,CDDnB,iBCM4B,CDI5B,sDAGE,0CCNmB,CDKnB,+CCLmB,CDSrB,4BAEE,cAAA,CADA,gBACA,CAGF,0BAGE,kBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAFA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,cAAA,CAAA,UAAA,CAAA,MAAA,CAEA,WAAA,CACA,eAAA,CALA,iBAKA,CAGF,6BACE,iBAAA,CAEA,yCAAA,CAAA,oCAAA,CAAA,iCAAA,CADA,kBACA,CAEA,8CACE,cAAA,CAIJ,8BACE,WAAA,CACA,wFCxC0B,CD2CxB,wDACE,WAAA,CAGF,2DAEE,oBAAA,CADA,iBAAA,CAEA,kBAAA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}notice-bar {\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: $notice-bar-height;\n  padding: $notice-bar-padding;\n  font-size: $notice-bar-font-size;\n  line-height: $notice-bar-line-height;\n  color: $notice-bar-color;\n  background: $notice-bar-background-color;\n\n  &__icon,\n  &__action {\n    min-width: $notice-bar-icon-min-width;\n    font-size: $notice-bar-icon-size;\n  }\n\n  &__action {\n    text-align: right;\n    cursor: pointer;\n  }\n\n  &__wrap {\n    position: relative;\n    display: flex;\n    flex: 1;\n    align-items: center;\n    height: 100%;\n    overflow: hidden;\n  }\n\n  &__content {\n    position: absolute;\n    white-space: nowrap;\n    transition-timing-function: linear;\n\n    &.#{$component-prefix}ellipsis {\n      max-width: 100%;\n    }\n  }\n\n  &--wordwrap {\n    height: auto;\n    padding: $notice-bar-wordwrap-padding;\n\n    .#{$component-prefix}notice-bar {\n      &__wrap {\n        height: auto;\n      }\n\n      &__content {\n        position: relative;\n        word-wrap: break-word;\n        white-space: normal;\n      }\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$notice-bar-height: var(--notice-bar-height, 40px * $hd);\n$notice-bar-padding: var(--notice-bar-padding, 0 var(--padding-md, $padding-md));\n$notice-bar-wordwrap-padding: var(--notice-bar-wordwrap-padding, var(--padding-xs, $padding-xs) var(--padding-md, $padding-md));\n$notice-bar-color: var(--notice-bar-color, var(--orange-dark, $orange-dark));\n$notice-bar-font-size: var(--notice-bar-font-size, var(--font-size-md, $font-size-md));\n$notice-bar-line-height: var(--notice-bar-line-height, 24px * $hd);\n$notice-bar-background-color: var(--notice-bar-background-color, var(--orange-light, $orange-light));\n$notice-bar-icon-size: var(--notice-bar-icon-size, 16px * $hd);\n$notice-bar-icon-min-width: var(--notice-bar-icon-min-width, 24px * $hd);\n"]}