@vnmfify/core/popup/index.css.map

```shell npm i @vnmfify/core -S ```

{"version":3,"sources":["popup/popup.scss","popup/_variables.scss"],"names":[],"mappings":"AAEA,eAOE,gCAAA,CADA,6FCHyB,CDGzB,qFCHyB,CDEzB,wFCHuB,CDCvB,eAAA,CACA,eAAA,CAHA,cAAA,CACA,iCAKA,CAEA,uBAEE,QAAA,CADA,OAAA,CAEA,0CAAA,CAAA,kCAAA,CAGF,oBAEE,MAAA,CADA,KAAA,CAEA,UAAA,CAEA,2CACE,iGAAA,CAIJ,uBACE,QAAA,CACA,MAAA,CACA,UAAA,CAEA,8CACE,iGAAA,CAIJ,sBAEE,OAAA,CADA,OAAA,CAEA,uCAAA,CAAA,+BAAA,CAEA,6CACE,iGAAA,CAKA,6CACE,GACE,0CAAA,CAAA,kCAAA,CAAA,CAFJ,qCACE,GACE,0CAAA,CAAA,kCAAA,CAAA,CAIJ,4CACE,GACE,0CAAA,CAAA,kCAAA,CAAA,CAFJ,oCACE,GACE,0CAAA,CAAA,kCAAA,CAAA,CAMR,qBAEE,MAAA,CADA,OAAA,CAEA,uCAAA,CAAA,+BAAA,CAEA,4CACE,iGAAA,CAKA,4CACE,GACE,2CAAA,CAAA,mCAAA,CAAA,CAFJ,oCACE,GACE,2CAAA,CAAA,mCAAA,CAAA,CAIJ,2CACE,GACE,2CAAA,CAAA,mCAAA,CAAA,CAFJ,mCACE,GACE,2CAAA,CAAA,mCAAA,CAAA,CAMR,2BAKE,sCCnFoB,CDiFpB,yDChFqB,CDiFrB,cAAA,CAHA,iBAAA,CACA,yCChFoB,CDqFpB,kCACE,gECpF0B,CDuF5B,qCAEE,wCCxFoB,CDuFpB,uCCvFoB,CD2FtB,sCAEE,yCC7FoB,CD4FpB,uCC5FoB,CDgGtB,wCACE,0CCjGoB,CDkGpB,wCClGoB,CDqGtB,yCAEE,0CCvGoB,CDsGpB,yCCtGoB","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}popup {\r\n  position: fixed;\r\n  z-index: $popup-z-index;\r\n  max-height: 100%;\r\n  overflow-y: auto;\r\n  background: $popup-background-color;\r\n  animation-duration: $popup-animation-duration;\r\n  -webkit-overflow-scrolling: touch;\r\n\r\n  &--center {\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate3d(-50%, -50%, 0);\r\n  }\r\n\r\n  &--top {\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n\r\n    &.#{$component-prefix}popup--rounded {\r\n      border-radius: 0 0 $popup-rounded-border-radius $popup-rounded-border-radius;\r\n    }\r\n  }\r\n\r\n  &--bottom {\r\n    bottom: 0;\r\n    left: 0;\r\n    width: 100%;\r\n\r\n    &.#{$component-prefix}popup--rounded {\r\n      border-radius: $popup-rounded-border-radius $popup-rounded-border-radius 0 0;\r\n    }\r\n  }\r\n\r\n  &--right {\r\n    top: 50%;\r\n    right: 0;\r\n    transform: translate3d(0, -50%, 0);\r\n\r\n    &.#{$component-prefix}popup--rounded {\r\n      border-radius: $popup-rounded-border-radius 0 0 $popup-rounded-border-radius;\r\n    }\r\n\r\n    &.#{$component-prefix}transition-slide-right {\r\n\r\n      @keyframes #{$component-prefix}slide-right-enter {\r\n        from {\r\n          transform: translate3d(100%, -50%, 0);\r\n        }\r\n      }\r\n\r\n      @keyframes #{$component-prefix}slide-right-exit {\r\n        to {\r\n          transform: translate3d(100%, -50%, 0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &--left {\r\n    top: 50%;\r\n    left: 0;\r\n    transform: translate3d(0, -50%, 0);\r\n\r\n    &.#{$component-prefix}popup--rounded {\r\n      border-radius: 0 $popup-rounded-border-radius $popup-rounded-border-radius 0;\r\n    }\r\n\r\n    &.#{$component-prefix}transition-slide-left {\r\n\r\n      @keyframes #{$component-prefix}slide-left-enter {\r\n        from {\r\n          transform: translate3d(-100%, -50%, 0);\r\n        }\r\n      }\r\n\r\n      @keyframes #{$component-prefix}slide-left-exit {\r\n        to {\r\n          transform: translate3d(-100%, -50%, 0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &__close-icon {\r\n    position: absolute;\r\n    z-index: $popup-close-icon-z-index;\r\n    color: $popup-close-icon-color;\r\n    cursor: pointer;\r\n    size: $popup-close-icon-size;\r\n\r\n    &:active {\r\n      color: $popup-close-icon-active-color;\r\n    }\r\n\r\n    &--top-left {\r\n      top: $popup-close-icon-margin;\r\n      left: $popup-close-icon-margin;\r\n    }\r\n\r\n    &--top-right {\r\n      top: $popup-close-icon-margin;\r\n      right: $popup-close-icon-margin;\r\n    }\r\n\r\n    &--bottom-left {\r\n      bottom: $popup-close-icon-margin;\r\n      left: $popup-close-icon-margin;\r\n    }\r\n\r\n    &--bottom-right {\r\n      right: $popup-close-icon-margin;\r\n      bottom: $popup-close-icon-margin;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$popup-z-index: var(--popup-z-index, 1010);\r\n$popup-background-color: var(--popup-background-color, var(--background-color-light, $background-color-light));\r\n$popup-animation-duration: var(--popup-animation-duration, var(--animation-duration-base, $animation-duration-base));\r\n$popup-rounded-border-radius: var(--popup-rounded-border-radius, 16px * $hd);\r\n// close icon\r\n$popup-close-icon-z-index: var(--popup-close-icon-z-index, 1);\r\n$popup-close-icon-size: var(--popup-close-icon-size, 22px * $hd);\r\n$popup-close-icon-color: var(--popup-close-icon-color, var(--gray-5, $gray-5));\r\n$popup-close-icon-active-color: var(--popup-close-icon-active-color, var(--gray-6, $gray-6));\r\n$popup-close-icon-margin: var(--popup-close-icon-margin, 16px * $hd);\r\n"]}