bk-magic-vue
Version:
基于蓝鲸 Magicbox 和 Vue 的前端组件库
1 lines • 2.11 kB
Source Map (JSON)
{"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';\n\n$borderColor: #ded8d8;\n\n.bk-collapse-item {\n .bk-collapse-item-header {\n padding: 0px 10px;\n height: 42px;\n text-overflow: ellipsis;\n overflow: hidden;\n line-height: 42px;\n font-size: 14px;\n .collapse-expand {\n position: relative;\n transform: rotate(90deg);\n }\n .bk-icon {\n font-size: $iconSmallSize;\n }\n span {\n transition: all linear 0.2s;\n }\n &.custom-trigger-layout {\n display: flex;\n position: relative;\n .trigger-area {\n flex: 1;\n }\n .custom-trigger-angle {\n display: position;\n right: 0;\n &:hover {\n cursor: pointer;\n color: $newMainColor;\n }\n }\n\n }\n }\n .cursor-pointer {\n cursor: pointer;\n }\n .bk-collapse-item-hover:hover {\n color: $newMainColor;\n }\n .bk-collapse-item-content {\n padding: 0px 10px;\n }\n .bk-collapse-item-detail {\n color: $newBlackColor3;\n }\n .collapse-transition {\n transition: .2s height ease-in-out, .2s padding-top ease-in-out, .2s padding-bottom ease-in-out\n }\n &.is-disabled {\n color: $newGreyColor;\n cursor: not-allowed;\n .bk-collapse-item-header {\n pointer-events: none;\n }\n }\n}\n"]}