bk-magic-vue/lib/ui/card.min.css.map

基于蓝鲸 Magicbox 和 Vue 的前端组件库

{"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,sBACJ,CACA,cACI,UAAW,CACX,WAAY,CACZ,4BACJ","file":"card.min.css","sourcesContent":["@import \"./mixins/ellipsis\";\n\n.bk-card {\n    width: 100%;\n    background: #fff;\n    border: 1px solid #dcdee5;\n    border-radius: 2px;\n    position: relative;\n}\n.bk-card-border-none {\n    border: none;\n    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2);\n}\n.bk-card:hover {\n    box-shadow: 0px 3px 6px 0px rgba(99, 83, 83, 0.2);\n    cursor: pointer;\n}\n.bk-card-head {\n    width: 100%;\n    height: 50px;\n    line-height: 50px;\n    padding: 0 24px;\n    position: relative;\n    .title {\n        @mixin ellipsis 90%, inline-block;\n    }\n    &.no-line-height {\n        line-height: unset;\n    }\n}\n.bk-card-head .bk-card-head-icon {\n    margin-right: 4px;\n    color: #979ba5;\n    cursor: pointer;\n    position: absolute;\n    top: 50%;\n    margin-top: -8px;\n}\n.bk-card .bk-card-head .card-edit {\n    display: inline-block;\n    overflow: hidden;\n}\n.bk-card .bk-card-head .card-edit i {\n    color: #c4c6cc;\n    margin-left: 2px;\n}\n.bk-card .bk-card-head-left {\n    padding-left: 30px;\n}\n.bk-card .bk-card-head-left .bk-card-head-icon {\n    left: 8px;\n}\n.bk-card .bk-card-head-right {\n    padding-right: 30px;\n}\n.bk-card .bk-card-head-right .bk-card-head-icon {\n    right: 8px;\n}\n.bk-card .collapse {\n    border-bottom: 1px solid #f0f2f5;\n}\n.bk-card .bk-card-input {\n    width: 50%;\n    position: absolute;\n    top: 50%;\n    margin-top: -16px;\n}\n.bk-card-body {\n    width: 100%;\n    padding: 16px 24px 24px;\n}\n.bk-card-foot {\n    width: 100%;\n    height: 50px;\n    border-top: 1px solid #f0f2f5;\n}\n","/**\n * @file ellipsis mixin\n *\n * usage:\n *      @mixin ellipsis 100px;\n */\n\n@define-mixin ellipsis $maxWidth, $display: inline-block {\n    display: $display;\n    max-width: $maxWidth;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n"]}