bk-vue-cec/lib/ui/timeline.min.css.map

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

{"version":3,"sources":["timeline.css"],"names":[],"mappings":"AA+BA,aACI,eAAgB,CAChB,eAAkB,CAClB,SAAU,CACV,eAAgB,CAChB,kBAAmB,CACnB,eAAgB,CAChB,iBA6HJ,CA3HI,8BACI,iBAAkB,CAClB,6BAA8B,CAC9B,iBAAkB,CAClB,mBAAoB,CACpB,WAAY,CAEZ,eAyFJ,CAxFI,qCACI,UAAW,CACX,oBAAqB,CACrB,6BAAsB,CAAtB,qBAAsB,CACtB,UAAgB,CAChB,WAAiB,CACjB,eAAgB,CAChB,wBAAyB,CACzB,iBAAkB,CAClB,iBAAkB,CAClB,SAAiC,CACjC,SACJ,CACA,yCAEI,iCAAkC,CAClC,gBACJ,CAEA,iDACI,cAAe,CACf,aAAc,CACd,mBAAoB,CACpB,oBAAqB,CACrB,eAKJ,CAHI,2DACI,cACJ,CAEJ,mDACI,eAAgB,CAChB,oBAAqB,CACrB,cAAe,CACf,UACJ,CACA,gDASI,oBAAqB,CACrB,6BAAsB,CAAtB,qBAAsB,CACtB,UAAqB,CACrB,WAAsB,CACtB,eAAgB,CAChB,wBAAyB,CACzB,iBAAkB,CAClB,iBAAkB,CAClB,SAAsC,CACtC,SACJ,CAlBI,wEACI,oBAAqB,CACrB,kDAA8C,CAA9C,0CAIJ,CAHI,qFACI,wBACJ,CAeR,mDACI,iBAAkB,CAClB,SACJ,CAEA,qDACI,eAUJ,CATI,4DACI,UAAW,CACX,WAAY,CACZ,SAAsC,CACtC,SACJ,CACA,0EACI,SACJ,CAGJ,2DACI,eAOJ,CANI,kEACI,YACJ,CACA,gFACI,SACJ,CAGJ,0CACI,YACJ,CAtHA,iGAEI,aAAa,CACb,oBACJ,CAEI,iJAEI,kBACJ,CATJ,+FAEI,aAAa,CACb,oBACJ,CAEI,+IAEI,kBACJ,CATJ,mGAEI,aAAa,CACb,oBACJ,CAEI,mJAEI,kBACJ,CATJ,qGAEI,aAAa,CACb,oBACJ,CAEI,qJAEI,kBACJ,CATJ,iGAEI,aAAa,CACb,oBACJ,CAEI,iJAEI,kBACJ,CApBR,uCACI,0BAMJ,CALI,uGAEI,UAAa,CACb,qBACJ,CANJ,uCACI,6BAMJ,CALI,uGAEI,aAAa,CACb,wBACJ,CANJ,uCACI,6BAMJ,CALI,uGAEI,aAAa,CACb,wBACJ,CANJ,uCACI,6BAMJ,CALI,uGAEI,aAAa,CACb,wBACJ,CANJ,sCACI,6BAMJ,CALI,qGAEI,aAAa,CACb,wBACJ,CA6IJ,0BACI,eAQJ,CAPI,2CACI,wBAAyB,CACzB,mBAIJ,CAHI,sDACI,gBACJ","file":"timeline.min.css","sourcesContent":["@import './variable.css';\r\n\r\n$nodeSize: 11px;\r\n$largeNodeSize: 15px;\r\n\r\n@define-mixin gen-theme $theme, $color {\r\n    .bk-timeline-item-$(theme) {\r\n        border-left: 1px solid $color;\r\n        &::before,\r\n        .bk-timeline-icon {\r\n            color: $color;\r\n            border: 2px solid $color;\r\n        }\r\n    }\r\n}\r\n@define-mixin gen-color $name, $color {\r\n    .bk-timeline-item-$(name) {\r\n        &::before,\r\n        .bk-timeline-icon {\r\n            color: $color;\r\n            border-color: $color;\r\n        }\r\n        &.bk-timeline-item-filled {\r\n            &::before,\r\n            .bk-timeline-icon {\r\n                background: $color;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.bk-timeline {\r\n    list-style: none;\r\n    margin: 16px 0 0 0;\r\n    padding: 0;\r\n    text-align: left;\r\n    line-height: normal;\r\n    font-weight: 400;\r\n    font-style: normal;\r\n\r\n    .bk-timeline-dot {\r\n        position: relative;\r\n        border-left: 1px solid #d8d8d8;\r\n        padding-left: 16px;\r\n        padding-bottom: 24px;\r\n        font-size: 0;\r\n        /* spacing 1px */\r\n        margin-top: calc($nodeSize + 2px);\r\n        &::before {\r\n            content: '';\r\n            display: inline-block;\r\n            box-sizing: border-box;\r\n            width: $nodeSize;\r\n            height: $nodeSize;\r\n            background: #fff;\r\n            border: 2px solid #d8d8d8;\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            top: calc(($nodeSize + 1px) * -1);\r\n            left: -6px;\r\n        }\r\n        &:last-child {\r\n            /* 保留border使用间距保持一致 */\r\n            border-left: 1px solid transparent;\r\n            padding-bottom: 0;\r\n        }\r\n\r\n        .bk-timeline-title {\r\n            font-size: 14px;\r\n            color: #63656e;\r\n            padding-bottom: 10px;\r\n            display: inline-block;\r\n            margin-top: -3px;\r\n\r\n            &.has-event {\r\n                cursor: pointer;\r\n            }\r\n        }\r\n        .bk-timeline-content {\r\n            max-width: 300px;\r\n            word-break: break-all;\r\n            font-size: 14px;\r\n            color: #666;\r\n        }\r\n        .bk-timeline-icon {\r\n            .bk-timeline-icon-inner {\r\n                display: inline-block;\r\n                transform: scale(0.6) translate(-1px, -0.45px);\r\n                >:first-child {\r\n                    font-size: 12px !important;\r\n                }\r\n            }\r\n\r\n            display: inline-block;\r\n            box-sizing: border-box;\r\n            width: $largeNodeSize;\r\n            height: $largeNodeSize;\r\n            background: #fff;\r\n            border: 2px solid #d8d8d8;\r\n            border-radius: 50%;\r\n            position: absolute;\r\n            top: calc(($largeNodeSize + 1px) * -1);\r\n            left: -8px;\r\n        }\r\n\r\n        .bk-timeline-section {\r\n            position: relative;\r\n            top: calc(($nodeSize + 2px) * -1);\r\n        }\r\n\r\n        &.bk-timeline-item-large {\r\n            margin-top: calc($largeNodeSize + 2px);\r\n            &::before {\r\n                width: 15px;\r\n                height: 15px;\r\n                top: calc(($largeNodeSize + 1px) * -1);\r\n                left: -8px;\r\n            }\r\n            > .bk-timeline-section {\r\n                top: calc(($largeNodeSize + 1px) * -1);\r\n            }\r\n        }\r\n\r\n        &.bk-timeline-item-custom-icon {\r\n            margin-top: calc($largeNodeSize + 2px);\r\n            &::before {\r\n                display: none;\r\n            }\r\n            > .bk-timeline-section {\r\n                top: calc(($largeNodeSize + 1px) * -1);\r\n            }\r\n        }\r\n\r\n        &:first-child {\r\n            margin-top: 0;\r\n        }\r\n    }\r\n\r\n    /* color */\r\n    @mixin gen-color blue, $newMainColor;\r\n    @mixin gen-color red, $newRedColor;\r\n    @mixin gen-color green, #40c024;\r\n    @mixin gen-color yellow, $newOrangeColor;\r\n    @mixin gen-color gray, #d8d8d8;\r\n\r\n    /* type */\r\n    @mixin gen-theme default, #999;\r\n    @mixin gen-theme primary, $newMainColor;\r\n    @mixin gen-theme warning, #ffb400;\r\n    @mixin gen-theme success, #30d878;\r\n    @mixin gen-theme danger, #FF5656;\r\n\r\n    /* 嵌套 */\r\n    .bk-timeline {\r\n        margin-top: 24px;\r\n        .bk-timeline-dot {\r\n            border-left-style: dashed;\r\n            padding-bottom: 12px;\r\n            &:last-child {\r\n                padding-bottom: 0;\r\n            }\r\n        }\r\n    }\r\n}\r\n"]}