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

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"version":3,"sources":["dropdown-menu.css"],"names":[],"mappings":"AAEA,MACI,gBAQJ,CAPI,mBACI,gBACJ,CAEA,kBACI,gBACJ,CAGJ,kBACI,oBAAqB,CACrB,iBA4FJ,CA3FI,wDACI,kBAAmB,CACnB,aAAoB,CACpB,8BAAuC,CACvC,kCACJ,CAEA,uCACI,cAA2B,CAA3B,0BAWJ,CAVI,gDACI,+BAAwB,CAAxB,uBAAwB,CACxB,+BAAyB,CAAzB,uBAIJ,CAHI,0DACI,gCAAyB,CAAzB,wBACJ,CAEJ,kDACI,cAA2B,CAA3B,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,8CAAwC,CAAxC,sCAAwC,CACxC,eAAgB,CAChB,oBAAqB,CACrB,eAiBJ,CAfI,0DACI,SAAU,CAEV,wBACJ,CACA,gEACI,UAAW,CACX,iBAAkB,CAClB,wBACJ,CAEA,+CACI,kBACJ,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,cAA2B,CAA3B,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';\r\n\r\n:root {\r\n    --font-size: 12px;\r\n    .medium-font {\r\n        --font-size: 14px;\r\n    }\r\n\r\n    .large-font {\r\n        --font-size: 16px;\r\n    }\r\n}\r\n\r\n.bk-dropdown-menu {\r\n    display: inline-block;\r\n    position: relative;\r\n    &.disabled, &.disabled * {\r\n        cursor: not-allowed;\r\n        color: $newGreyColor;\r\n        border-color: $newGreyColor1 !important;\r\n        background-color: #fafafa !important;\r\n    }\r\n\r\n    .bk-dropdown-trigger {\r\n        font-size: var(--font-size);\r\n        .bk-icon {\r\n            transform-origin: center;\r\n            transition: all ease 0.2s;\r\n            &.icon-flip {\r\n                transform: rotate(180deg);\r\n            }\r\n        }\r\n        .bk-button {\r\n            font-size: var(--font-size);\r\n        }\r\n    }\r\n\r\n    .bk-dropdown-content {\r\n        background: $defaultColor;\r\n        padding: 5px 0;\r\n        margin: 0;\r\n        z-index: $dropdownMenuZIndex;\r\n        border-radius: 2px;\r\n        border: 1px solid $newGreyColor1;\r\n        box-sizing: border-box;\r\n        transition: visibility 0s, max-height 200ms linear;\r\n        visibility: hidden;\r\n        box-shadow: 0 2px 6px rgba(51,60,72,0.1);\r\n        text-align: left;\r\n        display: inline-block;\r\n        overflow: hidden;\r\n\r\n        &::-webkit-scrollbar {\r\n            width: 4px;\r\n            /* background-color: lighten(#e6e9ea, 80%); */\r\n            background-color: color(#e6e9ea lightness(80%));\r\n        }\r\n        &::-webkit-scrollbar-thumb {\r\n            height: 5px;\r\n            border-radius: 2px;\r\n            background-color: #e6e9ea;\r\n        }\r\n\r\n        &.is-show {\r\n            visibility: visible;\r\n        }\r\n\r\n    }\r\n    .bk-dropdown-list {\r\n        max-height: 166px;\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n        &::-webkit-scrollbar {\r\n            width: 4px;\r\n            height: 4px;\r\n        }\r\n\r\n        &::-webkit-scrollbar-thumb {\r\n            border-radius: 20px;\r\n            background: $scrollbarColor;\r\n            -webkit-box-shadow: inset 0 0 6px hsla(0,0%,80%,.3);\r\n        }\r\n\r\n        > li {\r\n            width: 100%;\r\n            margin: 0;\r\n            display: inline-block;\r\n            > a {\r\n                display: block;\r\n                height: 32px;\r\n                line-height: 33px;\r\n                padding: 0 16px;\r\n                color: $newBlackColor2;\r\n                font-size: var(--font-size);\r\n                text-decoration: none;\r\n                white-space: nowrap;\r\n                &:hover {\r\n                    background-color: #eaf3ff;\r\n                    color: $newMainColor;\r\n                }\r\n            }\r\n            .bk-icon {\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n    }\r\n}\r\n.bk-dropdown-full-width{\r\n    .bk-dropdown-content {\r\n        min-width: 100%;\r\n    }\r\n    .bk-dropdown-list {\r\n        width: 100%;\r\n    }\r\n}\r\n"]}