bk-magic-vue/lib/ui/dropdown-menu.min.css.map

基于蓝鲸 Magicbox 和 Vue 的前端组件库

{"version":3,"sources":["dropdown-menu.css"],"names":[],"mappings":"AAEA,kBACE,gBAmHF,CAlHE,8BACE,gBACF,CAEA,6BACE,gBACF,CAMM,yGACE,WAAY,CACZ,gBACF,CAjBR,kBAsBE,oBAAqB,CACrB,iBA6FF,CA5FE,wDACE,kBAAmB,CACnB,aAAoB,CACpB,8BAAuC,CACvC,kCACF,CAEA,uCACE,0BAWF,CAVE,gDACE,+BAAwB,CAAxB,uBAAwB,CACxB,+BAAyB,CAAzB,uBAIF,CAHE,0DACE,gCAAyB,CAAzB,wBACF,CAEF,kDACE,0BACF,CAGF,uCACE,eAAyB,CACzB,aAAc,CACd,QAAS,CACT,YAA4B,CAC5B,iBAAkB,CAClB,wBAAgC,CAChC,6BAAsB,CAAtB,qBAAsB,CACtB,sDAAkD,CAAlD,8CAAkD,CAClD,iBAAkB,CAClB,8CAA2C,CAA3C,sCAA2C,CAC3C,eAAgB,CAChB,oBAAqB,CACrB,iBAkBF,CAhBE,0DACE,SAAU,CAGV,4BACF,CACA,gEACE,UAAW,CACX,iBAAkB,CAElB,wBACF,CAEA,+CACE,kBACF,CAEF,oCACE,gBAAiB,CACjB,eAAgB,CAChB,SAAU,CACV,QAkCF,CAjCE,uDACE,SAAU,CACV,UACF,CAEA,6DACE,kBAAmB,CACnB,kBAA2B,CAC3B,kDACF,CAEA,uCACE,UAAW,CACX,QAAS,CACT,oBAkBF,CAjBE,yCACE,aAAc,CACd,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,aAAsB,CACtB,0BAA2B,CAC3B,oBAAqB,CACrB,kBAKF,CAJE,+CACE,wBAAgC,CAChC,aACF,CAEF,gDACE,gBACF,CAKJ,6CACE,cACF,CACA,0CACE,UACF","file":"dropdown-menu.min.css","sourcesContent":["@import './variable.css';\n\n.bk-dropdown-menu {\n  --font-size: 12px;\n  &.medium-font {\n    --font-size: 14px;\n  }\n\n  &.large-font {\n    --font-size: 16px;\n  }\n\n  &.medium-font,\n  &.large-font {\n    .bk-dropdown-list {\n      > li {\n        > a {\n          height: 36px;\n          line-height: 37px;\n        }\n      }\n    }\n  }\n\n  display: inline-block;\n  position: relative;\n  &.disabled, &.disabled * {\n    cursor: not-allowed;\n    color: $newGreyColor;\n    border-color: $newGreyColor1 !important;\n    background-color: #fafafa !important;\n  }\n\n  .bk-dropdown-trigger {\n    font-size: var(--font-size);\n    .bk-icon {\n      transform-origin: center;\n      transition: all ease 0.2s;\n      &.icon-flip {\n        transform: rotate(180deg);\n      }\n    }\n    .bk-button {\n      font-size: var(--font-size);\n    }\n  }\n\n  .bk-dropdown-content {\n    background: $defaultColor;\n    padding: 4px 0;\n    margin: 0;\n    z-index: $dropdownMenuZIndex;\n    border-radius: 2px;\n    border: 1px solid $newGreyColor1;\n    box-sizing: border-box;\n    transition: visibility 0s, max-height 200ms linear;\n    visibility: hidden;\n    box-shadow: 0 2px 6px rgba(51, 60, 72, 0.1);\n    text-align: left;\n    display: inline-block;\n    overflow-x: hidden;\n\n    &::-webkit-scrollbar {\n      width: 4px;\n      /* background-color: lighten(#e6e9ea, 80%); */\n      /* background-color: #e6e9ea; */\n      background-color: transparent;\n    }\n    &::-webkit-scrollbar-thumb {\n      height: 5px;\n      border-radius: 2px;\n      /* background-color: color(#e6e9ea lightness(80%)); */\n      background-color: $newGreyColor1;\n    }\n\n    &.is-show {\n      visibility: visible;\n    }\n  }\n  .bk-dropdown-list {\n    max-height: 166px;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    &::-webkit-scrollbar {\n      width: 4px;\n      height: 4px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      border-radius: 20px;\n      background: $scrollbarColor;\n      -webkit-box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);\n    }\n\n    > li {\n      width: 100%;\n      margin: 0;\n      display: inline-block;\n      > a {\n        display: block;\n        height: 32px;\n        line-height: 33px;\n        padding: 0 16px;\n        color: $newBlackColor2;\n        font-size: var(--font-size);\n        text-decoration: none;\n        white-space: nowrap;\n        &:hover {\n          background-color: $newGreyColor2;\n          color: $newMainColor;\n        }\n      }\n      .bk-icon {\n        margin-right: 5px;\n      }\n    }\n  }\n}\n.bk-dropdown-full-width{\n  .bk-dropdown-content {\n    min-width: 100%;\n  }\n  .bk-dropdown-list {\n    width: 100%;\n  }\n}\n"]}