UNPKG

bk-vue-cec

Version:

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

1 lines 2.75 kB
{"version":3,"sources":["card.css","mixins/ellipsis.css"],"names":[],"mappings":"AAEA,SACI,UAAW,CACX,eAAgB,CAChB,wBAAyB,CACzB,iBAAkB,CAClB,iBACJ,CACA,qBACI,WAAY,CACZ,6CAA2C,CAA3C,qCACJ,CACA,eACI,gDAAiD,CAAjD,wCAAiD,CACjD,cACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,gBAAiB,CACjB,cAAe,CACf,iBAOJ,CANI,qBCfA,oBAAiB,CACjB,aAAoB,CACpB,eAAgB,CAChB,sBAAuB,CACvB,kBDaA,CACA,6BACI,iBACJ,CAEJ,iCACI,gBAAiB,CACjB,aAAc,CACd,cAAe,CACf,iBAAkB,CAClB,OAAQ,CACR,eACJ,CACA,kCACI,oBAAqB,CACrB,eACJ,CACA,oCACI,aAAc,CACd,eACJ,CACA,4BACI,iBACJ,CACA,+CACI,QACJ,CACA,6BACI,kBACJ,CACA,gDACI,SACJ,CACA,mBACI,+BACJ,CACA,wBACI,SAAU,CACV,iBAAkB,CAClB,OAAQ,CACR,gBACJ,CACA,cACI,UAAW,CACX,YACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,4BACJ","file":"card.min.css","sourcesContent":["@import \"./mixins/ellipsis\";\r\n\r\n.bk-card {\r\n width: 100%;\r\n background: #fff;\r\n border: 1px solid #dcdee5;\r\n border-radius: 2px;\r\n position: relative;\r\n}\r\n.bk-card-border-none {\r\n border: none;\r\n box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);\r\n}\r\n.bk-card:hover {\r\n box-shadow: 0px 3px 6px 0px rgba(99, 83, 83, 0.2);\r\n cursor: pointer;\r\n}\r\n.bk-card-head {\r\n width: 100%;\r\n height: 50px;\r\n line-height: 50px;\r\n padding: 0 20px;\r\n position: relative;\r\n .title {\r\n @mixin ellipsis 90%, inline-block;\r\n }\r\n &.no-line-height {\r\n line-height: unset;\r\n }\r\n}\r\n.bk-card-head .bk-card-head-icon {\r\n margin-right: 4px;\r\n color: #979ba5;\r\n cursor: pointer;\r\n position: absolute;\r\n top: 50%;\r\n margin-top: -8px;\r\n}\r\n.bk-card .bk-card-head .card-edit {\r\n display: inline-block;\r\n overflow: hidden;\r\n}\r\n.bk-card .bk-card-head .card-edit i {\r\n color: #c4c6cc;\r\n margin-left: 2px;\r\n}\r\n.bk-card .bk-card-head-left {\r\n padding-left: 30px;\r\n}\r\n.bk-card .bk-card-head-left .bk-card-head-icon {\r\n left: 8px;\r\n}\r\n.bk-card .bk-card-head-right {\r\n padding-right: 30px;\r\n}\r\n.bk-card .bk-card-head-right .bk-card-head-icon {\r\n right: 8px;\r\n}\r\n.bk-card .collapse {\r\n border-bottom: 1px solid #f0f2f5;\r\n}\r\n.bk-card .bk-card-input {\r\n width: 50%;\r\n position: absolute;\r\n top: 50%;\r\n margin-top: -16px;\r\n}\r\n.bk-card-body {\r\n width: 100%;\r\n padding: 20px 20px;\r\n}\r\n.bk-card-foot {\r\n width: 100%;\r\n height: 50px;\r\n border-top: 1px solid #f0f2f5;\r\n}\r\n","/**\r\n * @file ellipsis mixin\r\n *\r\n * usage:\r\n * @mixin ellipsis 100px;\r\n */\r\n\r\n@define-mixin ellipsis $maxWidth, $display: inline-block {\r\n display: $display;\r\n max-width: $maxWidth;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n"]}