{"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\";\r\n\r\n.#{$component-prefix}notice-bar {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  height: $notice-bar-height;\r\n  padding: $notice-bar-padding;\r\n  font-size: $notice-bar-font-size;\r\n  line-height: $notice-bar-line-height;\r\n  color: $notice-bar-color;\r\n  background: $notice-bar-background-color;\r\n\r\n  &__icon,\r\n  &__action {\r\n    min-width: $notice-bar-icon-min-width;\r\n    font-size: $notice-bar-icon-size;\r\n  }\r\n\r\n  &__action {\r\n    text-align: right;\r\n    cursor: pointer;\r\n  }\r\n\r\n  &__wrap {\r\n    position: relative;\r\n    display: flex;\r\n    flex: 1;\r\n    align-items: center;\r\n    height: 100%;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &__content {\r\n    position: absolute;\r\n    white-space: nowrap;\r\n    transition-timing-function: linear;\r\n\r\n    &.#{$component-prefix}ellipsis {\r\n      max-width: 100%;\r\n    }\r\n  }\r\n\r\n  &--wordwrap {\r\n    height: auto;\r\n    padding: $notice-bar-wordwrap-padding;\r\n\r\n    .#{$component-prefix}notice-bar {\r\n      &__wrap {\r\n        height: auto;\r\n      }\r\n\r\n      &__content {\r\n        position: relative;\r\n        word-wrap: break-word;\r\n        white-space: normal;\r\n      }\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$notice-bar-height: var(--notice-bar-height, 40px * $hd);\r\n$notice-bar-padding: var(--notice-bar-padding, 0 var(--padding-md, $padding-md));\r\n$notice-bar-wordwrap-padding: var(--notice-bar-wordwrap-padding, var(--padding-xs, $padding-xs) var(--padding-md, $padding-md));\r\n$notice-bar-color: var(--notice-bar-color, var(--orange-dark, $orange-dark));\r\n$notice-bar-font-size: var(--notice-bar-font-size, var(--font-size-md, $font-size-md));\r\n$notice-bar-line-height: var(--notice-bar-line-height, 24px * $hd);\r\n$notice-bar-background-color: var(--notice-bar-background-color, var(--orange-light, $orange-light));\r\n$notice-bar-icon-size: var(--notice-bar-icon-size, 16px * $hd);\r\n$notice-bar-icon-min-width: var(--notice-bar-icon-min-width, 24px * $hd);\r\n"]}