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

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

{"version":3,"sources":["dropdown-menu.css"],"names":[],"mappings":"AAEA,kBACI,gBAwHJ,CAvHI,8BACI,gBACJ,CAEA,6BACI,gBACJ,CAMY,yGACI,WAAY,CACZ,gBACJ,CAjBhB,kBAsBI,oBAAqB,CACrB,iBAkGJ,CAjGI,wDACI,kBAAmB,CACnB,aAAoB,CACpB,8BAAuC,CACvC,kCACJ,CAEA,uCACI,0BAWJ,CAVI,gDACI,+BAAwB,CAAxB,uBAAwB,CACxB,+BAAyB,CAAzB,uBAIJ,CAHI,0DACI,gCAAyB,CAAzB,wBACJ,CAEJ,kDACI,0BACJ,CAGJ,uCACI,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,eAuBJ,CArBI,0DACI,SAAU,CAGV,4BACJ,CACA,gEACI,UAAW,CACX,iBAAkB,CAElB,wBACJ,CAEA,+CACI,kBACJ,CAEA,iDACI,aACJ,CAGJ,oCACI,gBAAiB,CACjB,eAAgB,CAChB,SAAU,CACV,QAkCJ,CAjCI,uDACI,SAAU,CACV,UACJ,CAEA,6DACI,kBAAmB,CACnB,kBAA2B,CAC3B,kDACJ,CAEA,uCACI,UAAW,CACX,QAAS,CACT,oBAkBJ,CAjBI,yCACI,aAAc,CACd,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,aAAsB,CACtB,0BAA2B,CAC3B,oBAAqB,CACrB,kBAKJ,CAJI,+CACI,wBAAyB,CACzB,aACJ,CAEJ,gDACI,gBACJ,CAKR,6CACI,cACJ,CACA,0CACI,UACJ","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: 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        &.menuStyle {\n            overflow: auto;\n        }\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: #eaf3ff;\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"]}