bk-vue-cec
Version:
一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作
1 lines • 6.67 kB
Source Map (JSON)
{"version":3,"sources":["mixins/create-menu-item.css","navigation-menu-item.css"],"names":[],"mappings":"AAWI,sBACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,UAAW,CACX,cAAe,CACf,aAAa,CACb,cAAe,CACf,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,oBAqDJ,CApDI,mCACI,cAAe,CACf,cAAe,CACf,eACJ,CACA,8BACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,UAAW,CACX,WAAY,CACZ,iBAQJ,CAPI,mCACI,SAAU,CACV,UAAW,CACX,oBAAqB,CACrB,kBAAmB,CACnB,iBACJ,CAEJ,2BACI,aAAiB,CACjB,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAChB,kBACJ,CACA,6BACI,kBAAmB,CACnB,gBAAiB,CACjB,iBAgBJ,CAfI,mCACI,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,WAAY,CACZ,8BAAqC,CACrC,SAAU,CACV,UAAW,CACX,WACJ,CAEI,+CACI,kBACJ,CAGR,kCACI,kBAAmB,CACnB,UACJ,CC1ER,mBAEI,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,kBAAmB,CAEnB,aAAc,CACd,cAAe,CACf,eAmDJ,CAlDI,4CAVA,mBAAa,CAAb,mBAAa,CAAb,YAAa,CAMb,UA+BA,CA3BA,yBACI,eAAgB,CAChB,YAAa,CACb,iBAAkB,CAClB,kBAAmB,CACnB,iBAAkB,CAGlB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAmBJ,CAlBI,sCACI,cAAe,CACf,cAAe,CACf,eACJ,CACA,iCACI,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,sBAAuB,CACvB,kBAAmB,CACnB,eACJ,CACA,+BACI,cAAe,CACf,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,gEAAuD,CAAvD,wDAAuD,CAAvD,gDAAuD,CAAvD,8FACJ,CAEJ,2BACI,UAEJ,CDlCA,iDACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,UAAW,CACX,cAAe,CACf,aAAa,CACb,cAAe,CACf,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,iBAAkB,CAClB,eAAgB,CAChB,kBAAmB,CACnB,oBAqDJ,CApDI,8DACI,cAAe,CACf,cAAe,CACf,eACJ,CACA,yDACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,UAAW,CACX,WAAY,CACZ,iBAQJ,CAPI,8DACI,SAAU,CACV,UAAW,CACX,oBAAqB,CACrB,kBAAmB,CACnB,iBACJ,CAEJ,sDACI,aAAiB,CACjB,sBAAuB,CACvB,kBAAmB,CACnB,eAAgB,CAChB,kBACJ,CACA,wDACI,kBAAmB,CACnB,gBAAiB,CACjB,iBAgBJ,CAfI,8DACI,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,WAAY,CACZ,8BAAqC,CACrC,SAAU,CACV,UAAW,CACX,WACJ,CAEI,0EACI,kBACJ,CAGR,6DACI,kBAAmB,CACnB,UACJ,CC/BJ,0BACI,kBAAmB,CACnB,gBAAiB,CACjB,iBAWJ,CAVI,gCACI,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,WAAY,CACZ,8BAAqC,CACrC,SAAU,CACV,UAAW,CACX,WACJ,CAEJ,wCACI,yCAAmC,CAAnC,iCACJ","file":"navigation-menu-item.min.css","sourcesContent":["/**\r\n * @file create-menu-item mixin\r\n *\r\n * usage:\r\n * @mixin navigationItem;\r\n * @mixin navigationItem name;\r\n * @mixin navigationItem name, #fff;\r\n * @mixin navigationItem name, #fff, #fff;\r\n */\r\n\r\n@define-mixin navigationItem $name: navigation-menu-item, $color: #C4C6CC, $nameColor: #C4C6CC {\r\n .$(name) {\r\n display: flex;\r\n flex: 0 0 40px;\r\n align-items: center;\r\n width: 100%;\r\n min-width: 100%;\r\n color: $color;\r\n font-size: 14px;\r\n height: 40px;\r\n margin: 2px 0;\r\n padding-right: 12px;\r\n padding-left: 22px;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n text-decoration: none;\r\n &-icon.bk-icon {\r\n font-size: 16px;\r\n min-width: 38px;\r\n text-align: left;\r\n }\r\n &-default {\r\n display: flex;\r\n flex: 0 0 auto;\r\n align-items: center;\r\n justify-content: center;\r\n width: 16px;\r\n height: 16px;\r\n margin-right: 22px;\r\n &-icon {\r\n width: 3px;\r\n height: 3px;\r\n display: inline-block;\r\n background: #63656e;\r\n border-radius: 50%;\r\n }\r\n }\r\n &-name {\r\n color: $nameColor;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n padding-right: 22px;\r\n }\r\n &[group] {\r\n margin-bottom: 11px;\r\n overflow: visible;\r\n position: relative;\r\n &:after {\r\n content: \" \";\r\n height: 1px;\r\n position: absolute;\r\n bottom: -8px;\r\n background: rgba(255, 255, 255, 0.06);\r\n left: 15px;\r\n right: 15px;\r\n z-index: 100;\r\n }\r\n &.group-theme {\r\n &:after{\r\n background: #F0F1F5;\r\n }\r\n }\r\n }\r\n &.is-disabled {\r\n cursor: not-allowed;\r\n opacity: .3;\r\n }\r\n }\r\n}\r\n","@import './mixins/create-menu-item.css';\r\n\r\n@mixin navigationItem;\r\n.navigation-sbmenu {\r\n display: flex;\r\n flex: 0 0 auto;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n justify-content: center;\r\n white-space: nowrap;\r\n width: 100%;\r\n color: #c4c6cc;\r\n font-size: 14px;\r\n overflow: hidden;\r\n &-title {\r\n min-height: 40px;\r\n margin: 2px 0;\r\n position: relative;\r\n padding-right: 17px;\r\n padding-left: 22px;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n &-icon.bk-icon {\r\n font-size: 16px;\r\n min-width: 38px;\r\n text-align: left;\r\n }\r\n &-content {\r\n flex: 1 1 auto;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n &-arrow {\r\n font-size: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\r\n }\r\n }\r\n &-content {\r\n width: 100%;\r\n @mixin navigationItem navigation-menu-item, #63656e, #8f929b;\r\n }\r\n &[group] {\r\n margin-bottom: 11px;\r\n overflow: visible;\r\n position: relative;\r\n &:after {\r\n content: \" \";\r\n height: 1px;\r\n position: absolute;\r\n bottom: -8px;\r\n background: rgba(255, 255, 255, 0.05);\r\n left: 18px;\r\n right: 18px;\r\n z-index: 100;\r\n }\r\n }\r\n .collapse-transition {\r\n transition: 0.3s height ease-in-out;\r\n }\r\n}\r\n"]}