@cw-devops/bk-magic-vue/lib/ui/re-css.min.css.map

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

{"version":3,"sources":["re-css.css"],"names":[],"mappings":"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CF,CAMF,0BACE,wBAOF,CAJI,2DACE,wBACF,CAMA,yDACE,oCACF,CAUE,kEACE,wBACF,CAKE,wFACE,oCACF,CAKR,oCACE,eACF,CAGI,0DACE,WAAY,CACZ,UAAW,CACX,wBAAsB,CACtB,cAAY,CACZ,UACF,CAEA,wDACE,aAkBF,CAhBE,6EACE,aAAW,CACX,cACF,CAEA,uEACE,aAAW,CACX,cAAe,CACf,eAOF,CALE,6EACE,iBAAkB,CAClB,SAAU,CACV,UACF,CASF,kIACE,aACF,CAEA,kEACE,wBAA+B,CAC/B,UACF,CAQA,4HACE,yBACF,CAEA,+DACE,qBAAwB,CACxB,yBAA8B,CAC9B,oCACF,CASA,qCACI,WAAY,CACZ,UAAW,CACX,wBAA+B,CAC/B,wBACJ,CAGQ,8FACI,cAAqB,CACrB,aAAuB,CACvB,WACJ,CAEJ,sEACI,aAAkB,CAClB,WAAY,CACZ,cACJ,CAOV,qBACE,gBAAiB,CACjB,aACF,CAGE,+BACE,YACF,CAEA,0BACE,8BACF,CAKF,+BACE,cAAqB,CACrB,aAAkB,CAClB,WAAY,CACZ,gBASF,CAPE,uCACE,eACF,CAEA,qCACE,8BACF,CAKJ,QACE,cAAqB,CACrB,WAAY,CACZ,aAAc,CACd,gBAWF,CATE,uBACE,aAAqB,CACrB,mCACF,CAEA,sBACE,aAAmB,CACnB,mCACF,CAME,kCACE,aACF,CAGE,sCACE,aAAkB,CAClB,cAKF,CAHE,4CACE,qCACF,CAMJ,kCACE,aACF,CAGE,sCACE,aAAkB,CAClB,cAKF,CAHE,4CACE,qCACF,CAUF,iFACE,aAAkB,CAClB,eAAgB,CAChB,cACF,CAGF,6DACE,aAAkB,CAClB,cACF,CAEA,4DACE,+CAAqD,CACrD,WACF,CAKJ,YACE,iBAKF,CAHE,6BACE,gBACF,CAIF,YACE,2CACF,CAMM,sDACE,YACF,CAGF,6CACE,aAKF,CAHE,mDACE,aACF,CAGF,2DACE,wBAAsB,CACtB,aASF,CAPE,sFACE,aACF,CAFA,6EACE,aACF,CAFA,iFACE,aACF,CAFA,kFACE,aACF,CAFA,wEACE,aACF,CAEA,iEACE,wBACF,CAIN,yBACE,QA6DF,CAzDM,2EACI,aAYJ,CAVE,sMAEE,aAOF,CALI,oOACE,aAAoB,CACpB,oCACF,CAcJ,yPACE,aAmBF,CAfI,kUACE,aACF,CAIA,+JACE,UAAa,CACb,iBACF,CAGF,gKACE,oCACF,CAIN,kEACE,cAOF,CANE,0FACE,aACF,CACA,mFACE,aACF,CAQF,6DACE,cAAe,CACf,uBAAyB,CACzB,wBAAsB,CACtB,aAmBF,CAjBE,qEACE,cAAqB,CACrB,aACF,CAEA,mEAIE,aAAoB,CACpB,wBAA+B,CAC/B,oCACF,CANE,4EACE,aACF,CAMF,sEACE,aACF,CAIJ,uCACE,QAAS,CACT,+CAAkD,CAAlD,uCAoBF,CAjBI,4DACE,WAAY,CACZ,gBAaF,CAZE,8DACE,aAAkB,CAClB,WAAY,CACZ,gBACF,CAEA,kEACE,oCAIF,CAHE,oEACE,aACF,CAQV,UACE,WAAY,CACZ,iBAAkB,CAClB,eAAgB,CAChB,yBAAkB,CAAlB,sBAAkB,CAAlB,iBA2CF,CAzCE,2BACE,SAeF,CAZI,6DACE,WACF,CAGF,qCACE,UAAW,CACX,WAAY,CACZ,cAAe,CACf,gBAAiB,CACjB,gBACF,CAGF,2BACE,wBAAyB,CACzB,+BAAoC,CACpC,aACF,CAEA,yBACE,wBAAyB,CACzB,+BAAoC,CACpC,aACF,CAEA,2BACE,wBAAyB,CACzB,gCAAqC,CACrC,aACF,CAEA,wBACE,wBAAyB,CACzB,gCAAqC,CACrC,aACF,CAME,kGAEE,YAAa,CACb,gBACF,CACA,8CACE,eAAgB,CAChB,WACF,CACA,+CACE,QAAS,CACT,UAAW,CACX,aAAuB,CACvB,eAAmB,CACnB,iBAAkB,CAClB,WAKF,CAJE,qDACE,aAAoB,CACpB,oCACF,CAEF,gDACE,iBAAkB,CAClB,+BAAgC,CAChC,gBAAiB,CACjB,WAAY,CACZ,gBAAiB,CACjB,eAAgB,CAChB,WAMF,CALE,wEACE,aAAkB,CAClB,cAAe,CACf,eACF,CAEF,gDACE,gBAAiB,CACjB,WAAY,CACZ,iBAAkB,CAClB,4BAIF,CAHE,2DACE,gBACF,CAMF,kDACE,wBAIF,CAHE,yDACE,cACF,CAQF,iCACE,cAAqB,CACrB,aACF,CAMF,+BACE,wBAkCF,CAjCE,4CACA,aACA,CAKE,4FACE,aACF,CACA,qDACE,qCAA0C,CAC1C,QAmBF,CAlBE,0DACE,4BAA6B,CAC7B,aAAoB,CACpB,WAAY,CACZ,gBAQF,CAPE,gEACE,oCACF,CACA,gEACE,WAAY,CACZ,gBACF,CAEF,iEACE,OAAQ,CACR,aACF,CAQJ,+CACE,aACF,CAEF,8BACE,QACF,CAME,mCACE,yBAKF,CAJE,gDACE,QAAS,CACT,aACF,CAKA,6CACE,oBAUF,CATE,0DACE,aAAW,CACX,cAAe,CACf,eACF,CACA,iDACE,cAAqB,CACrB,aACF,CAIF,sCACE,cACF,CAKA,iDACE,aACF,CAGJ,gBACE,aACF,CAEE,gCACE,WAAY,CACZ,WAwBF,CAvBE,2CACE,kBAAc,CAAd,iBAAc,CAAd,aAAc,CACd,WAAY,CACZ,UAIF,CAHE,6CACE,cACF,CAEF,2CACE,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,2BAAsB,CAAtB,4BAAsB,CAAtB,yBAAsB,CAAtB,qBAAsB,CACtB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAIF,CAHE,sDACE,aACF,CAUN,qBACE,oBACF,CAOI,+DACE,aAAkB,CAClB,wBAeF,CAdE,qEACE,wBAA+B,CAC/B,aAAoB,CACpB,oCACF,CACA,uEACE,UAAW,CACX,kBAAyB,CACzB,cAKF,CAJE,6EACI,wBAA+B,CAC/B,oBACJ,CAIN,mEACE,gBACF","file":"re-css.min.css","sourcesContent":["/* 颜色字体变量 */\n$font-color: #081e40;\n$weak-font-color: #8797aa;\n$bgc: #cbd5e0;\n$white: #fff;\n$font-size: 12px;\n$success-color: #14ab5b;\n$warning-color: #ffb549;\n$error-color: #ea3736;\n$normal-color: #3a84ff;\n\n/* tab */\n.bk-tab {\n  .bk-tab-header {\n    color: $font-color;\n  }\n  &.bk-tab-unborder-card {\n    .bk-tab-header {\n      .bk-tab-label-wrapper {\n        .bk-tab-label-list {\n          .bk-tab-label-item {\n            padding: 0 20px;\n            min-width: auto;\n            &.active {\n              font-weight: bold;\n              border-left: 1px solid $bgc;\n              border-right: 1px solid $bgc;\n              &.is-first {\n                border-left: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n    &.bk-tab-wrapper-small {\n      .bk-tab-header {\n        .bk-tab-label-wrapper {\n          .bk-tab-label-list {\n            .bk-tab-label-item {\n              padding: 0 15px;\n              .bk-tab-label {\n                font-size: 12px;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  &.bk-tab-border-card,\n  &.bk-tab-card {\n    .bk-tab-header {\n      .bk-tab-label-wrapper {\n        .bk-tab-add-controller {\n          border-bottom: 1px solid rgba(203, 213, 224, 0.5);\n        }\n\n        .bk-tab-add-custom {\n          border-bottom: 1px solid rgba(203, 213, 224, 0.5);\n        }\n\n        .bk-tab-label-list {\n          vertical-align: top;\n\n          .bk-tab-label-item {\n            border-right: 0;\n            padding: 0 15px;\n            min-width: auto;\n\n            &.active {\n              font-weight: bold;\n              border-left: 1px solid $bgc;\n              border-right: 1px solid $bgc;\n\n              &.is-first {\n                border-left: 0;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  &.bk-tab-card {\n    .bk-tab-header {\n      .bk-tab-label-wrapper {\n        .bk-tab-label-list {\n          .bk-tab-label-item {\n            &.is-first {\n              border-left: 1px solid $bgc;\n\n              &.active {\n                border-left: 1px solid $bgc;\n              }\n            }\n\n            &.is-last {\n              border-right: 1px solid $bgc;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n\n/* buttton */\nbutton {\n  &.bk-button-normal {\n    min-width: 56px;\n\n    &.bk-primary {\n      &.bk-button-text {\n        font-size: $font-size;\n        min-width: 0;\n\n        &:hover {\n          color: #1f6ed4;\n        }\n\n        &.is-disabled {\n          color: $weak-font-color;\n\n          &:hover {\n            color: $weak-font-color;\n          }\n        }\n      }\n    }\n\n    &.bk-button-hover {\n      &.bk-danger,\n      &.bk-warning,\n      &.bk-success,\n      &.bk-primary {\n        color: $font-color;\n        font-size: $font-size;\n        height: 30px;\n        border-color: $bgc;\n        &:hover {\n          color: #fff;\n        }\n      }\n    }\n  }\n\n  &.bk-button-hover {\n    &.bk-success:hover {\n      background-color: $success-color;\n      border-color: $success-color;\n    }\n\n    &.bk-warning:hover {\n      background-color: $warning-color;\n      border-color: $warning-color;\n    }\n\n    &.bk-danger:hover {\n      background-color: $error-color;\n      border-color: $error-color;\n    }\n\n    &.bk-primary:hover {\n      background-color: $normal-color;\n      border-color: $normal-color;\n    }\n  }\n\n  &.bk-button {\n    font-size: $font-size;\n    height: 30px;\n    line-height: 28px;\n    padding: 0 8px;\n    min-width: 56px;\n\n    .bk-icon {\n      top: 2px;\n    }\n    &.bk-default {\n      border: 1px solid $bgc;\n      color: $font-color;\n\n      &:hover {\n        color: $normal-color;\n        background-color: rgba(58, 132, 255, 0.1);\n        border-color: $normal-color;\n      }\n\n      &:active {\n        color: $normal-color;\n        background-color: rgba(58, 132, 255, 0.2);\n        border-color: $normal-color;\n      }\n\n      &.is-disabled {\n        background-color: rgba(203, 213, 224, 0.3);\n        color: $weak-font-color;\n\n        &:hover {\n          background-color: rgba(203, 213, 224, 0.3);\n          color: $weak-font-color;\n          border-color: $bgc;\n        }\n      }\n    }\n    &.no-slot {\n      min-width: 56px;\n    }\n    &.bk-primary {\n      color: #fff;\n      &:hover {\n        background-color: rgba(58, 132, 255, 0.8);\n      }\n\n      &.bk-button-normal:active {\n        background-color: #1f6ed4;\n        border: 1px solid #1f6ed4;\n      }\n\n      &.is-disabled {\n        background-color: $bgc;\n\n        &:hover {\n          background-color: $bgc;\n        }\n\n        &:active {\n          border-color: $bgc;\n        }\n      }\n    }\n\n    &.bk-success {\n      background-color: $success-color;\n      border: 1px solid $success-color;\n\n      &.is-loading:hover,\n      &:hover {\n        background-color: $success-color;\n        border: 1px solid $success-color;\n      }\n    }\n\n    &.bk-warning {\n      background-color: $warning-color;\n      border: 1px solid $warning-color;\n\n      &.is-loading:hover,\n      &:hover {\n        background-color: $warning-color;\n        border: 1px solid $warning-color;\n      }\n    }\n\n    &.bk-danger {\n      background-color: $error-color;\n      border: 1px solid $error-color;\n\n      &.is-loading:hover,\n      &:hover {\n        background-color: $error-color;\n        border: 1px solid $error-color;\n      }\n    }\n  }\n}\n\n.bk-button-group {\n  button.bk-button {\n    &.is-selected {\n      color: $white;\n      background-color: $normal-color;\n\n      &:hover {\n        color: $white;\n        background-color: $normal-color;\n      }\n    }\n  }\n}\n\n/* link 文字链接 */\n.bk-link {\n  .bk-link-text {\n    font-size: $font-size;\n  }\n\n  .bk-link-icon {\n    font-size: $font-size;\n    width: 12px;\n    height: 12px;\n  }\n\n  &.is-primary:hover {\n    color: #1f6ed4;\n  }\n\n  &.is-success {\n    color: $success-color;\n\n    &:hover {\n      color: $success-color;\n    }\n  }\n\n  &.is-warning {\n    color: $warning-color;\n\n    &:hover {\n      color: $warning-color;\n    }\n  }\n\n  &.is-danger {\n    color: $error-color;\n\n    &:hover {\n      color: $error-color;\n    }\n  }\n}\n\n/*  table */\n.bk-table {\n  color: $font-color;\n  td,\n  th,\n  th > .cell {\n    height: 40px !important;\n  }\n  .bk-table-header-wrapper {\n    .bk-table-header {\n      .bk-table-header-label {\n        color: $weak-font-color;\n\n        .bk-form-checkbox {\n          &.is-checked :hover {\n            background-color: $normal-color;\n          }\n        }\n      }\n    }\n  }\n  .bk-table-column-selection {\n    .bk-form-checkbox {\n      .bk-checkbox {\n        flex: auto 0 0;\n      }\n    }\n  }\n  .bk-table-body-wrapper {\n    .bk-table-body {\n      .bk-table-row {\n        .bk-button-text {\n          &.is-disabled {\n            color: $weak-font-color;\n          }\n        }\n        &.expanded {\n          background-color: rgba(58, 132, 255, 0.05);\n        }\n\n        &.hover-row {\n          td {\n            background-color: rgba(58, 132, 255, 0.05);\n          }\n        }\n      }\n    }\n  }\n}\n\n/* 分页 */\n.bk-page {\n  .bk-page-list {\n    .page-item {\n      &.cur-page {\n        .page-button {\n          border: 1px solid $normal-color;\n          color: $normal-color;\n        }\n      }\n\n      &.disabled {\n        .page-button {\n          background-color: rgba(203, 213, 224, 0.2);\n          border-radius: 2px;\n          border: 1px solid $bgc;\n          color: $weak-font-color;\n\n          &:hover {\n            border: 1px solid $bgc;\n            color: $weak-font-color;\n          }\n        }\n      }\n\n      .page-button {\n        border: 1px solid $bgc;\n        color: $font-color;\n        display: inline-block;\n        height: 30px;\n        line-height: 28px;\n        padding: 0;\n        min-width: 30px;\n\n        .bk-icon {\n          line-height: 30px;\n        }\n\n        &:hover {\n          border: 1px solid $normal-color;\n          color: $normal-color;\n        }\n      }\n    }\n  }\n\n  .bk-page-count {\n    color: $weak-font-color;\n\n    .bk-select {\n      margin: 0 10px;\n    }\n  }\n}\n\n/* 单选框radio */\n.bk-form-radio {\n  input[type=\"radio\"] {\n    height: 14px;\n    width: 14px;\n\n    &:hover {\n      background: rgba(58, 132, 255, 0.1);\n      border: 1px solid $normal-color;\n    }\n\n    &.is-checked[disabled]:hover {\n      background-color: $white;\n      border: 4px solid $bgc;\n    }\n\n    &[disabled] {\n      background-color: rgba(203, 213, 224, 0.3);\n      border: 1px solid $bgc;\n    }\n\n    &[disabled]:hover {\n      background-color: rgba(203, 213, 224, 0.3);\n      border: 1px solid $bgc;\n    }\n\n    &.is-checked {\n      background-color: $white;\n      border: 4px solid $normal-color;\n      &:hover {\n        background-color: $white;\n      }\n    }\n\n    &.is-checked[disabled] {\n      border: 4px solid $bgc;\n    }\n  }\n\n  .bk-radio-text {\n    color: $font-color;\n    font-size: $font-size;\n  }\n\n  input[type=\"radio\"][disabled] + .bk-radio-text {\n    color: $weak-font-color;\n  }\n}\n\n.bk-form-radio-button {\n  .bk-radio-button-text {\n    min-width: 50px;\n    height: 30px;\n    font-size: $font-size;\n    color: $font-color;\n    border: 1px solid $bgc;\n\n    &:hover {\n      background-color: rgba(58, 132, 255, 0.1);\n      border-color: $normal-color;\n      color: $normal-color;\n    }\n  }\n\n  .bk-radio-button-input:disabled + .bk-radio-button-text {\n    border: 1px solid rgba(203, 213, 224, 0.5);\n    color: $weak-font-color;\n    background-color: $white;\n  }\n\n  .bk-radio-button-input:checked + .bk-radio-button-text {\n    background-color: $normal-color;\n    color: $white;\n    font-size: $font-size;\n    border: 1px solid $normal-color;\n  }\n\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n/* 多选框 */\n.bk-form-checkbox {\n  .bk-checkbox {\n    border: 1px solid $bgc;\n    height: 14px;\n    width: 14px;\n\n    &:hover {\n      background: rgba(58, 132, 255, 0.1) ;\n      border: 1px solid $normal-color;\n    }\n  }\n\n  .bk-checkbox-text {\n    font-size: $font-size;\n    color: $font-color;\n  }\n\n  &.is-disabled {\n    .bk-checkbox {\n      background-color: rgba(203, 213, 224, 0.3);\n\n      &:hover {\n        background-color: rgba(203, 213, 224, 0.3);\n        border: 1px solid $bgc;\n      }\n    }\n\n    .bk-checkbox-text {\n      color: $weak-font-color;\n    }\n  }\n\n  &.is-checked {\n    .bk-checkbox::after {\n      top: -1px;\n      left: 3px;\n    }\n\n    .bk-checkbox-text {\n      color: $normal-color;\n    }\n\n    .bk-checkbox {\n      &:hover {\n        background-color: $normal-color;\n      }\n    }\n\n    &.is-disabled {\n      .bk-checkbox-text {\n        color: $weak-font-color;\n      }\n\n      .bk-checkbox {\n        background-color: $bgc;\n\n        &:hover {\n          background-color: $bgc;\n        }\n      }\n    }\n  }\n  &.is-indeterminate:not(.is-checked) {\n    .bk-checkbox {\n        border-color: $bgc;\n        background-color: #fff;\n    }\n  }\n}\n\n/* 输入框 */\n/* 源代码也是使用important 导致需要important来改变样式 */\n.bk-form-input[disabled],\n.bk-form-password[disabled],\n.bk-form-select[disabled],\n.bk-form-textarea[disabled],\n.bk-form-input[readonly],\n.bk-form-password[readonly],\n.bk-form-select[readonly],\n.bk-form-textarea[readonly] {\n  margin-bottom: 0 !important;\n  border-radius: 2px;\n  border-color: $bgc !important;\n  color: $weak-font-color !important;\n}\n.bk-form-input,\n.bk-form-password,\n.bk-form-select,\n.bk-textarea-wrapper,\n.bk-form-textarea {\n  &::placeholder {\n    color: $bgc !important;\n    font-size: $font-size;\n  }\n  color: $font-color;\n  border-color: $bgc;\n\n  &.only-bottom-border {\n    border-color: transparent transparent $bgc transparent;\n  }\n}\n.bk-form-control,\n.bk-form-control.control-active {\n  .bk-form-input,\n  .bk-form-password,\n  .bk-form-select,\n  .bk-textarea-wrapper,\n  .bk-form-textarea {\n    &::placeholder {\n      color: $bgc !important;\n    }\n    color: $font-color;\n    border-color: $bgc;\n\n    &.only-bottom-border {\n      border-color: transparent transparent $bgc transparent;\n    }\n  }\n\n  .control-icon {\n    color: $bgc;\n\n    .bk-icon:hover {\n      color: $bgc;\n    }\n  }\n\n  .input-number-option {\n    .number-option-item {\n      color: $bgc;\n\n      &:hover {\n        background-color: rgba(58, 132, 255, 0.1);\n        color: $normal-color;\n      }\n    }\n  }\n\n  .bk-limit-box {\n    color: $bgc;\n\n    .strong {\n      color: $font-color;\n      font-weight: 400;\n    }\n  }\n}\n\n/* breadcrumb 面包屑 */\n.bk-breadcrumb {\n  height: 40px;\n\n  &-item {\n    display: flex;\n    align-items: center;\n\n    &-inner {\n      font-size: $font-size;\n      color: $weak-font-color;\n\n      &.is-link {\n        color: $font-color;\n\n\n      }\n    }\n\n    .bk-breadcrumb-separator {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 0 4px;\n      height: 10px;\n      width: 10px;\n      font-size: 14px;\n      line-height: 10px;\n      color: $weak-font-color;\n      font-weight: normal;\n      position: relative;\n\n      &::before {\n        display: flex;\n        font-size: 16px;\n        height: 10px;\n        width: 10px;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n        top: 1px;\n      }\n    }\n\n    .bk-input-text {\n      height: 30px;\n    }\n  }\n}\n\n/* switch 开关 */\n.bk-switcher {\n  &.is-unchecked {\n    background-color: $weak-font-color;\n\n    &.is-disabled {\n      input[type=\"checkbox\"] {\n        background-color: $bgc;\n      }\n    }\n  }\n\n  &.is-checked {\n    &.is-disabled {\n      input[type=\"checkbox\"] {\n        background-color: rgba(58, 132, 255, 0.5);\n      }\n    }\n  }\n}\n\n/* steps步骤 */\n.bk-steps-horizontal {\n  &.bk-steps-solid {\n    .bk-step {\n      .bk-step-title {\n        &::after {\n          background-color: $bgc;\n        }\n      }\n\n      &.done {\n        .bk-step-content {\n          .bk-step-title::after {\n            background-color: rgba(58, 132, 255, 0.3);\n          }\n        }\n      }\n    }\n  }\n  .bk-step-title {\n    margin-top: 10px;\n  }\n  &.bk-steps {\n    .bk-step {\n      .bk-step-indicator {\n        height: 32px;\n        width: 32px;\n        background-color: $bgc;\n        border: $bgc;\n        color: $white;\n      }\n\n      .bk-step-content {\n        display: block;\n\n        .bk-step-description {\n          color: $bgc;\n          font-size: $font-size;\n        }\n\n        .bk-step-title {\n          color: $bgc;\n          font-size: 14px;\n          font-weight: 500;\n\n          &::after {\n            position: absolute;\n            top: -25px;\n            height: 3px;\n          }\n        }\n      }\n\n      &.current {\n        .bk-step-description {\n          color: $normal-color;\n        }\n\n        .bk-step-title {\n          color: $normal-color;\n        }\n\n        .bk-step-indicator {\n          background-color: $normal-color;\n          color: $white;\n        }\n      }\n\n      &.done {\n        .bk-step-description {\n          color: rgba(58, 132, 255, 0.5);\n        }\n\n        .bk-step-title {\n          color: rgba(58, 132, 255, 0.5);\n        }\n\n        .bk-step-indicator {\n          background-color: $white;\n          color: rgba(58, 132, 255, 0.5);\n          border: 2px solid rgba(58, 132, 255, 0.3);\n        }\n      }\n    }\n  }\n}\n\n/* timeline 时间轴 */\n.bk-timeline {\n    .bk-timeline-dot {\n        &::before {\n            height: 12px;\n            width: 12px;\n            background-color: $normal-color;\n            border: 2px solid #c5dbff;\n        }\n        .bk-timeline-section {\n            .bk-timeline-content {\n                .timeline-update-time {\n                    font-size: $font-size;\n                    color: $weak-font-color;\n                    height: 20px;\n                }\n            }\n            .bk-timeline-title {\n                color: $font-color;\n                height: 20px;\n                font-size: $font-size;\n            }\n        }\n    }\n}\n\n/* 树形结构 tree */\n.bk-tree {\n  .node-title {\n    margin-right: 5px;\n    color: $font-color;\n  }\n\n  .tree-node {\n    .node-icon {\n      display: none;\n    }\n\n    &:hover {\n      background: rgba(58, 132, 255, 0.1);\n    }\n  }\n}\n\n.bk-big-tree {\n  .bk-big-tree-node {\n    font-size: $font-size;\n    color: $font-color;\n    height: 40px;\n    line-height: 40px;\n\n    &.is-root {\n      font-weight: 800;\n    }\n\n    &:hover {\n      background: rgba(58, 132, 255, 0.1);\n    }\n  }\n}\n\n/* 标签 tag */\n.bk-tag {\n  font-size: $font-size;\n  height: 16px;\n  padding: 0 4px;\n  line-height: 16px;\n\n  &.bk-tag-success {\n    color: $success-color;\n    background-color: rgba(20, 171, 91, 0.1);\n  }\n\n  &.bk-tag-danger {\n    color: $error-color;\n    background-color: rgba(234, 55, 54, 0.1);\n  }\n}\n\n/* 穿梭框 */\n.bk-transfer {\n  .source-list {\n    .header {\n      color: $font-color;\n    }\n\n    .content {\n      li {\n        color: $font-color;\n        font-size: $font-size;\n\n        &:hover {\n          background-color: rgba(58, 132, 255, 0.05);\n        }\n      }\n    }\n  }\n\n  .target-list {\n    .header {\n      color: $font-color;\n    }\n\n    .content {\n      li {\n        color: $font-color;\n        font-size: $font-size;\n\n        &:hover {\n          background-color: rgba(58, 132, 255, 0.05);\n        }\n      }\n    }\n  }\n}\n\n/* 侧弹窗 */\n.bk-sideslider {\n  .bk-sideslider-wrapper {\n    .bk-sideslider-header {\n      .bk-sideslider-title {\n        color: $font-color;\n        font-weight: 800;\n        font-size: 16px;\n      }\n    }\n\n    .bk-sideslider-content {\n      color: $font-color;\n      font-size: $font-size;\n    }\n    /* 写在行内，需要用important覆盖 */\n    .bk-sideslider-footer {\n      border-top-color: rgba(203, 213, 224, 0.5) !important;\n      height: 60px;\n    }\n  }\n}\n\n/* 消息提示 */\n.bk-message {\n  padding: 10px 16px;\n\n  .bk-message-icon {\n    margin-right: 4px;\n  }\n}\n\n/* divider 分割线 */\n.bk-divider {\n  border-color: rgba(203, 213, 224, 0.5) !important;\n}\n\n/* 日期选择器 */\n.bk-date-picker {\n  .bk-date-picker-rel {\n    .picker-icon {\n      path {\n        fill: $bgc;\n      }\n    }\n\n    .bk-icon {\n      color: $bgc;\n\n      &:hover {\n        color: $bgc;\n      }\n    }\n\n    .bk-date-picker-editor {\n      border: 1px solid $bgc;\n      color: $font-color;\n\n      &::placeholder {\n        color: $bgc;\n      }\n\n      &:focus {\n        border: 1px solid $normal-color;\n      }\n    }\n  }\n}\n.bk-date-picker-dropdown {\n  border: 0;\n\n  .bk-picker-panel-body {\n    .bk-date-picker-header {\n      span {\n          color: $font-color;\n\n        &.bk-date-picker-prev-btn,\n        &.bk-date-picker-next-btn {\n          color: $weak-font-color;\n          &:hover {\n            .bk-icon {\n              color: $normal-color;\n              background-color: rgba(58, 132, 255, 0.1);\n            }\n          }\n        }\n      }\n    }\n\n    .bk-picker-panel-content {\n      .bk-date-picker-cells {\n        .bk-date-picker-cells-header {\n          span {\n            color: $font-color;\n          }\n        }\n\n        .bk-date-picker-cells-cell {\n          color: $font-color;\n\n          &.bk-date-picker-cells-cell-prev-month,\n          &.bk-date-picker-cells-cell-next-month {\n            em {\n              color: $weak-font-color;\n            }\n          }\n\n          &.bk-date-picker-cells-cell-selected {\n            em {\n              color: $white;\n              border-radius: 2px;\n            }\n          }\n\n          &.bk-date-picker-cells-cell-range::before {\n            background-color: rgba(58, 132, 255, 0.1);\n          }\n        }\n      }\n    }\n    .bk-picker-confirm {\n      font-size: $font-size;\n      .bk-picker-confirm-time {\n        color: $normal-color;\n      }\n      a:nth-of-type(2) {\n        color: $weak-font-color;\n      }\n    }\n  }\n}\n\n/* 下拉框 */\n.bk-dropdown-menu {\n  .bk-dropdown-trigger {\n    .dropdown-trigger-btn {\n      min-width: 56px;\n      padding: 0 8px !important;\n      border: 1px solid $bgc;\n      color: $font-color;\n\n      &.bk-icon {\n        font-size: $font-size;\n        color: $bgc;\n      }\n\n      &:hover {\n        .bk-icon {\n          color: $normal-color;\n        }\n        color: $normal-color;\n        border: 1px solid $normal-color;\n        background-color: rgba(58, 132, 255, 0.1);\n      }\n\n      .bk-icon {\n        color: $bgc;\n      }\n    }\n  }\n\n  .bk-dropdown-content {\n    border: 0;\n    box-shadow: 0px 0px 10px 0px rgba(8, 30, 64, 0.15);\n\n    .bk-dropdown-list {\n      li {\n        height: 40px;\n        line-height: 40px;\n        a {\n          color: $font-color;\n          height: 40px;\n          line-height: 40px;\n        }\n\n        &:hover {\n          background-color: rgba(58, 132, 255, 0.1);\n          a  {\n            color: $normal-color;\n          }\n        }\n      }\n    }\n  }\n}\n\n/* 警告 alert */\n.bk-alert {\n  height: 40px;\n  padding: 12px 16px;\n  min-width: 220px;\n  width: fit-content;\n\n  .bk-alert-wraper {\n    padding: 0;\n\n    .bk-alert-content {\n      .bk-button-text {\n        height: 16px;\n      }\n    }\n\n    i.bk-icon {\n      width: 14px;\n      height: 14px;\n      font-size: 14px;\n      margin-top: 1.5px;\n      margin-right: 4px;\n    }\n  }\n\n  &.bk-alert-success {\n    background-color: #e7f6ee;\n    border-color: rgba(20, 171, 91, 0.4);\n    color: $success-color;\n  }\n\n  &.bk-alert-error {\n    background-color: #fcebea;\n    border-color: rgba(234, 55, 54, 0.4);\n    color: $error-color;\n  }\n\n  &.bk-alert-warning {\n    background-color: #fff7ec;\n    border-color: rgba(255, 181, 73, 0.4);\n    color: $warning-color;\n  }\n\n  &.bk-alert-info {\n    background-color: #ebf2ff;\n    border-color: rgba(58, 132, 255, 0.4);\n    color: $normal-color;\n  }\n}\n\n/* 对话框 dialog */\n.bk-dialog {\n  .bk-dialog-content {\n    .bk-dialog-sub-header,\n    .bk-dialog-body {\n      padding: 20px;\n      min-height: 162px;\n    }\n    .bk-dialog-tool {\n      min-height: 56px;\n      height: 56px;\n    }\n    .bk-dialog-close {\n      top: 15px;\n      right: 20px;\n      color: $weak-font-color;\n      font-weight: normal;\n      border-radius: 2px;\n      z-index: 999;\n      &:hover {\n        color: $normal-color;\n        background-color: rgba(58, 132, 255, 0.1);\n      }\n    }\n    .bk-dialog-header {\n      padding: 15px 20px;\n      border-bottom: 1px solid #ebedf0;\n      margin-top: -56px;\n      height: 56px;\n      line-height: 26px;\n      text-align: left;\n      z-index: 999;\n      .bk-dialog-header-inner {\n        color: $font-color;\n        font-size: 16px;\n        font-weight: 500;\n      }\n    }\n    .bk-dialog-footer {\n      text-align: right;\n      height: 62px;\n      padding: 15px 20px;\n      border-top: 1px solid #ebedf0;\n      .bk-button {\n        margin-left: 10px;\n      }\n    }\n  }\n}\n.bk-dialog-wrapper {\n  .bk-info-box {\n    .bk-dialog-footer {\n      background-color: #fafbfd;\n      button {\n        min-width: 56px;\n      }\n    }\n  }\n}\n\n/* 表单 */\n.bk-form {\n  .bk-form-item {\n    .bk-label {\n      font-size: $font-size;\n      color: $font-color;\n    }\n  }\n}\n\n/* 标签输入框 tagInput */\n.bk-tag-selector {\n  .bk-tag-input {\n    border: 1px solid $bgc;\n    .placeholder {\n    color: $bgc;\n    }\n    .input {\n      color: $font-color;\n    }\n    .tag-list {\n      .staff-input {\n        color: $font-color;\n      }\n      li.key-node {\n        background-color: rgba(58, 132, 255, 0.05);\n        border: 0;\n        .tag {\n          background-color: transparent;\n          color: $normal-color;\n          height: 22px;\n          line-height: 22px;\n          &:hover {\n            background-color: rgba(58, 132, 255, 0.1);\n          }\n          .text {\n            height: 22px;\n            line-height: 22px;\n          }\n        }\n        .remove-key  {\n          top: 3px;\n          color: $weak-font-color;\n        }\n\n      }\n    }\n  }\n}\n.bk-selector-list {\n  .bk-selector-list-item {\n    .text {\n      color: $font-color;\n    }\n  }\n  .outside-ul {\n    border: 0;\n  }\n}\n\n/* 文件上传 upload */\n.bk-upload {\n  &.draggable {\n    .file-wrapper {\n      border: 1px dashed $bgc;\n      .upload-icon {\n        margin: 0;\n        color: $bgc;\n      }\n    }\n  }\n  &.picture {\n    .file-wrapper {\n      .upload-btn {\n        border-color: $bgc;\n        .upload-icon {\n          color: $bgc;\n          font-size: 30px;\n          margin-bottom: 0;\n        }\n        div {\n          font-size: $font-size;\n          color: $normal-color;\n        }\n      }\n    }\n    .mask {\n      .upload-icon {\n        font-size: 16px;\n      }\n    }\n  }\n  .file-wrapper {\n    .text-area {\n      .drop-upload {\n        color: $font-color;\n      }\n    }\n  }\n  .tip {\n    color: $weak-font-color;\n  }\n  .all-file {\n    .file-item {\n      height: 70px;\n      padding: 5px;\n      .file-icon {\n        flex: 0 0 60px;\n        height: 60px;\n        width: 60px;\n        i {\n          font-size: 60px;\n        }\n      }\n      .file-info {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: flex-start;\n        .file-name {\n          color: $font-color;\n        }\n      }\n      /* .close-upload {\n        fill: blue;\n        &:hover {\n          fill: red;\n        }\n      } */\n    }\n  }\n  .pic-item {\n    border-color: $bgc;\n  }\n}\n\n/* 弹出确认框 */\n.bk-popconfirm-content {\n  .popconfirm-operate {\n    button {\n      &[type=\"button\"] {\n        color: $font-color;\n        border: 1px solid $bgc;\n        &:hover {\n          border: 1px solid $normal-color;\n          color: $normal-color;\n          background-color: rgba(58,132,255,0.1);\n        }\n        &.primary {\n          color: #fff;\n          background: $normal-color;\n          border: $normal-color;\n          &:hover {\n              background-color: $normal-color;\n              border-color: $normal-color;\n          }\n        }\n      }\n    }\n    .default-operate-button {\n      line-height: 24px;\n    }\n  }\n}"]}