@vnmfify/core/dropdown-menu/index.css.map

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

{"version":3,"sources":["dropdown-menu/dropdown-menu.scss","dropdown-menu/_variables.scss","dropdown-menu/dropdown-menu-title.scss","dropdown-menu/dropdown-menu-item.scss","dropdown-menu/dropdown-menu-option.scss"],"names":[],"mappings":"AAEA,uBACE,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAEA,4BAIE,kECJ6B,CDK7B,mFCHuB,CDGvB,2ECHuB,CDAvB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,uCCJmB,CDEnB,iBCCuB,CDKvB,oCACE,uCCPkB,CCJxB,6BAEE,kBAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAGA,cAAA,CALA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,cAAA,CAAA,UAAA,CAAA,MAAA,CAEA,8BAAA,CAAA,sBAAA,CACA,WACA,CAEA,oCACE,0EDEiC,CCEjC,8CACE,SAAA,CAGF,6EACE,qEDL+B,CCUjC,2EACE,oFDZ6B,CCc7B,iFACE,kEAAA,CAMJ,+EACE,eAAA,CACA,gCAAA,CAAA,4BAAA,CAAA,wBAAA,CAIJ,sCAEE,6BAAA,CAAA,qBAAA,CAKA,8EDtCwB,CCoCxB,mDDrC4B,CCsC5B,6EDnC8B,CCgC9B,cAAA,CACA,mEDlC0B,CC+B1B,iBDhCwB,CCwCxB,4CAQE,6CAAA,CAFA,yBAAA,CAEA,2CAAA,CAAA,oCAAA,CAAA,kCAAA,CAHA,UAAA,CADA,gBAAA,CAKA,UAAA,CARA,iBAAA,CAEA,UAAA,CADA,OAAA,CAQA,gCAAA,CAAA,4BAAA,CAAA,wBAAA,CC1DN,4BAGE,MAAA,CAEA,eAAA,CAJA,cAAA,CACA,OAAA,CAEA,oFACA,CAEA,kCACE,aAAA,CACA,mBAAA,CAGF,gCACE,KAAA,CAGF,kCACE,QAAA,CAGF,qCAGE,kHFN4C,CEM5C,0GFN4C,CEK5C,2DFNoC,CEKpC,iBFJ4C,CGjBhD,8BACE,eAAA,CAKE,gHACE,qFHY8B,CGRlC,oCACE,aAAA,CACA,mBAAA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}dropdown-menu {\r\n  user-select: none;\r\n\r\n  &__bar {\r\n    position: relative;\r\n    display: flex;\r\n    height: $dropdown-menu-height;\r\n    background: $dropdown-menu-background-color;\r\n    box-shadow: $dropdown-menu-box-shadow;\r\n\r\n    &--opened {\r\n      z-index: $dropdown-menu-z-index;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n// dropdown-menu\r\n$dropdown-menu-height: var(--dropdown-menu-height, 48px * $hd);\r\n$dropdown-menu-background-color: var(--dropdown-menu-background-color, var(--white, $white));\r\n$dropdown-menu-z-index: var(--dropdown-menu-z-index, 11);\r\n$dropdown-menu-box-shadow: var(--dropdown-menu-box-shadow, 0 2px * $hd 12px * $hd rgba(100, 101, 102, 0.12));\r\n// dropdown-menu title\r\n$dropdown-menu-title-font-size: var(--dropdown-menu-title-font-size, 15px * $hd);\r\n$dropdown-menu-title-color: var(--dropdown-menu-title-color, var(--text-color, $text-color));\r\n$dropdown-menu-title-padding: var(--dropdown-menu-title-padding, 0 var(--padding-xs, $padding-xs));\r\n$dropdown-menu-title-line-height: var(--dropdown-menu-title-line-height, var(--line-height-lg, $line-height-lg));\r\n$dropdown-menu-title-active-opacity: var(--dropdown-menu-title-active-opacity, var(--active-opacity, $active-opacity));\r\n$dropdown-menu-title-active-color: var(--dropdown-menu-title-active-color, var(--danger-color, $danger-color));\r\n$dropdown-menu-title-disabled-color: var(--dropdown-menu-title-disabled-color, var(--gray-6, $gray-6));\r\n//\r\n$dropdown-menu-item-z-index: var(--dropdown-menu-item-z-index, calc(#{$dropdown-menu-z-index} - 1));\r\n$dropdown-menu-item-content-max-height: var(--dropdown-menu-item-content-max-height, 80%);\r\n$dropdown-menu-item-content-animation-duration: var(--dropdown-menu-item-content-animation-duration, var(--animation-duration-fast, $animation-duration-fast));\r\n//\r\n$dropdown-menu-option-active-color: var(--dropdown-menu-option-active-color, var(--danger-color, $danger-color));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}dropdown-menu-title {\r\n  display: flex;\r\n  flex: 1;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 0; // hack for flex ellipsis\r\n  cursor: pointer;\r\n\r\n  &:active {\r\n    opacity: $dropdown-menu-title-active-opacity;\r\n  }\r\n\r\n  &--disabled {\r\n    &:active {\r\n      opacity: 1;\r\n    }\r\n\r\n    .#{$component-prefix}dropdown-menu-title__content {\r\n      color: $dropdown-menu-title-disabled-color;\r\n    }\r\n  }\r\n\r\n  &--active {\r\n    .#{$component-prefix}dropdown-menu-title__content {\r\n      color: $dropdown-menu-title-active-color;\r\n\r\n      &::after {\r\n        border-color: transparent transparent currentColor currentColor;\r\n      }\r\n    }\r\n  }\r\n\r\n  &--down {\r\n    .#{$component-prefix}dropdown-menu-title__content::after {\r\n      margin-top: -1px * $hd;\r\n      transform: rotate(135deg);\r\n    }\r\n  }\r\n\r\n  &__content {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    max-width: 100%;\r\n    padding: $dropdown-menu-title-padding;\r\n    font-size: $dropdown-menu-title-font-size;\r\n    line-height: $dropdown-menu-title-line-height;\r\n    color: $dropdown-menu-title-color;\r\n\r\n    &::after {\r\n      position: absolute;\r\n      top: 50%;\r\n      right: -4px * $hd;\r\n      margin-top: -5px * $hd;\r\n      content: '';\r\n      border: 3px * $hd solid;\r\n      // TODO Use scss vars\r\n      border-color: transparent transparent var(--gray-4, $gray-4) var(--gray-4, $gray-4);\r\n      opacity: 0.8;\r\n      transform: rotate(-45deg);\r\n    }\r\n  }\r\n}\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}dropdown-menu-item {\r\n  position: fixed;\r\n  right: 0;\r\n  left: 0;\r\n  z-index: $dropdown-menu-item-z-index;\r\n  overflow: hidden;\r\n\r\n  &__icon {\r\n    display: block;\r\n    line-height: inherit;\r\n  }\r\n\r\n  &--up {\r\n    top: 0;\r\n  }\r\n\r\n  &--down {\r\n    bottom: 0;\r\n  }\r\n\r\n  &__content {\r\n    position: absolute;\r\n    max-height: $dropdown-menu-item-content-max-height;\r\n    animation-duration: $dropdown-menu-item-content-animation-duration;\r\n  }\r\n}\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}dropdown-menu-option {\r\n  text-align: left;\r\n\r\n  &--active {\r\n    color: $dropdown-menu-option-active-color;\r\n\r\n    .#{$component-prefix}dropdown-menu-option__icon {\r\n      color: $dropdown-menu-option-active-color;\r\n    }\r\n  }\r\n\r\n  &__icon {\r\n    display: block;\r\n    line-height: inherit;\r\n  }\r\n\r\n}\r\n"]}