{"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';\n\n$nodeSize: 11px;\n$largeNodeSize: 15px;\n\n@define-mixin gen-theme $theme, $color {\n    .bk-timeline-item-$(theme) {\n        border-left: 1px solid $color;\n        &::before,\n        .bk-timeline-icon {\n            color: $color;\n            border: 2px solid $color;\n        }\n    }\n}\n@define-mixin gen-color $name, $color {\n    .bk-timeline-item-$(name) {\n        &::before,\n        .bk-timeline-icon {\n            color: $color;\n            border-color: $color;\n        }\n        &.bk-timeline-item-filled {\n            &::before,\n            .bk-timeline-icon {\n                background: $color;\n            }\n        }\n    }\n}\n\n.bk-timeline {\n    list-style: none;\n    margin: 16px 0 0 0;\n    padding: 0;\n    text-align: left;\n    line-height: normal;\n    font-weight: 400;\n    font-style: normal;\n\n    .bk-timeline-dot {\n        position: relative;\n        border-left: 1px solid #d8d8d8;\n        padding-left: 16px;\n        padding-bottom: 24px;\n        font-size: 0;\n        /* spacing 1px */\n        margin-top: calc($nodeSize + 2px);\n        &::before {\n            content: '';\n            display: inline-block;\n            box-sizing: border-box;\n            width: $nodeSize;\n            height: $nodeSize;\n            background: #fff;\n            border: 2px solid #d8d8d8;\n            border-radius: 50%;\n            position: absolute;\n            top: calc(($nodeSize + 1px) * -1);\n            left: -6px;\n        }\n        &:last-child {\n            /* 保留border使用间距保持一致 */\n            border-left: 1px solid transparent;\n            padding-bottom: 0;\n        }\n\n        .bk-timeline-title {\n            font-size: 14px;\n            color: #63656e;\n            padding-bottom: 10px;\n            display: inline-block;\n            margin-top: -3px;\n\n            &.has-event {\n                cursor: pointer;\n            }\n        }\n        .bk-timeline-content {\n            max-width: 300px;\n            word-break: break-all;\n            font-size: 14px;\n            color: #666;\n        }\n        .bk-timeline-icon {\n            .bk-timeline-icon-inner {\n                display: inline-block;\n                transform: scale(0.6) translate(-1px, -0.45px);\n                >:first-child {\n                    font-size: 12px !important;\n                }\n            }\n\n            display: inline-block;\n            box-sizing: border-box;\n            width: $largeNodeSize;\n            height: $largeNodeSize;\n            background: #fff;\n            border: 2px solid #d8d8d8;\n            border-radius: 50%;\n            position: absolute;\n            top: calc(($largeNodeSize + 1px) * -1);\n            left: -8px;\n        }\n\n        .bk-timeline-section {\n            position: relative;\n            top: calc(($nodeSize + 2px) * -1);\n        }\n\n        &.bk-timeline-item-large {\n            margin-top: calc($largeNodeSize + 2px);\n            &::before {\n                width: 15px;\n                height: 15px;\n                top: calc(($largeNodeSize + 1px) * -1);\n                left: -8px;\n            }\n            > .bk-timeline-section {\n                top: calc(($largeNodeSize + 1px) * -1);\n            }\n        }\n\n        &.bk-timeline-item-custom-icon {\n            margin-top: calc($largeNodeSize + 2px);\n            &::before {\n                display: none;\n            }\n            > .bk-timeline-section {\n                top: calc(($largeNodeSize + 1px) * -1);\n            }\n        }\n\n        &:first-child {\n            margin-top: 0;\n        }\n    }\n\n    /* color */\n    @mixin gen-color blue, $newMainColor;\n    @mixin gen-color red, $newRedColor;\n    @mixin gen-color green, #40c024;\n    @mixin gen-color yellow, $newOrangeColor;\n    @mixin gen-color gray, #d8d8d8;\n\n    /* type */\n    @mixin gen-theme default, #999;\n    @mixin gen-theme primary, $newMainColor;\n    @mixin gen-theme warning, #ffb400;\n    @mixin gen-theme success, #30d878;\n    @mixin gen-theme danger, #ff5656;\n\n    /* 嵌套 */\n    .bk-timeline {\n        margin-top: 24px;\n        .bk-timeline-dot {\n            border-left-style: dashed;\n            padding-bottom: 12px;\n            &:last-child {\n                padding-bottom: 0;\n            }\n        }\n    }\n}\n"]}