UNPKG

bk-vue-cec

Version:

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

1 lines 2.23 kB
{"version":3,"sources":["collapse-item.css"],"names":[],"mappings":"AAKI,2CACI,cAAiB,CACjB,WAAY,CACZ,sBAAuB,CACvB,eAAgB,CAChB,gBAAiB,CACjB,cA2BJ,CA1BI,4DACI,iBAAkB,CAClB,+BAAwB,CAAxB,uBACJ,CACA,oDACI,cACJ,CACA,gDACI,iCAA2B,CAA3B,yBACJ,CACA,iEACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,iBAaJ,CAZI,+EACI,kBAAO,CAAP,UAAO,CAAP,MACJ,CACA,uFACI,gBAAiB,CACjB,OAKJ,CAJI,6FACI,cAAe,CACf,aACJ,CAKZ,kCACI,cACJ,CACA,gDACI,aACJ,CACA,4CACI,cACJ,CACA,2CACI,aACJ,CACA,uCACI,oGAA8F,CAA9F,4FACJ,CACA,8BACI,aAAoB,CACpB,kBAIJ,CAHI,uDACI,mBACJ","file":"collapse-item.min.css","sourcesContent":["@import './variable.css';\r\n\r\n$borderColor: #ded8d8;\r\n\r\n.bk-collapse-item {\r\n .bk-collapse-item-header {\r\n padding: 0px 10px;\r\n height: 42px;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n line-height: 42px;\r\n font-size: 14px;\r\n .collapse-expand {\r\n position: relative;\r\n transform: rotate(90deg);\r\n }\r\n .bk-icon {\r\n font-size: $iconSmallSize;\r\n }\r\n span {\r\n transition: all linear 0.2s;\r\n }\r\n &.custom-trigger-layout {\r\n display: flex;\r\n position: relative;\r\n .trigger-area {\r\n flex: 1;\r\n }\r\n .custom-trigger-angle {\r\n display: position;\r\n right: 0;\r\n &:hover {\r\n cursor: pointer;\r\n color: $newMainColor;\r\n }\r\n }\r\n\r\n }\r\n }\r\n .cursor-pointer {\r\n cursor: pointer;\r\n }\r\n .bk-collapse-item-hover:hover {\r\n color: $newMainColor;\r\n }\r\n .bk-collapse-item-content {\r\n padding: 0px 10px;\r\n }\r\n .bk-collapse-item-detail {\r\n color: $newBlackColor3;\r\n }\r\n .collapse-transition {\r\n transition: .2s height ease-in-out, .2s padding-top ease-in-out, .2s padding-bottom ease-in-out\r\n }\r\n &.is-disabled {\r\n color: $newGreyColor;\r\n cursor: not-allowed;\r\n .bk-collapse-item-header {\r\n pointer-events: none;\r\n }\r\n }\r\n}\r\n"]}