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

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

{"version":3,"sources":["button.css","mixins/create-button.css","mixins/create-button-hover.css"],"names":[],"mappings":"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","file":"button.min.css","sourcesContent":["@import './variable.css';\n@import './mixins/create-button.css';\n@import './mixins/create-button-hover.css';\n\n.bk-button {\n    height: 32px;\n    line-height: 30px;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    -webkit-appearance: none;\n    padding: 0 15px;\n    text-align: center;\n    vertical-align: middle;\n    font-size: $fnNormalSize;\n    background-color: $defaultColor;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    box-sizing: border-box;\n    color: $newBlackColor2;\n    text-decoration: none;\n    transition: background-color ease 0.3s;\n    min-width: 56px;\n    position: relative;\n\n    .bk-loading-wrapper {\n        opacity: 0;\n    }\n\n    .bk-button-loading {\n        display: inline-block;\n        vertical-align: top;\n        font-size: 0;\n        position: absolute;\n        left: 50%;\n        transform: translateX(-50%);\n        div {\n            width: 6px;\n            height: 6px;\n            border-radius: 100%;\n            display: inline-block;\n            vertical-align: middle;\n            background-color: $defaultColor;\n            animation: button-loading 1s infinite ease-in-out both;\n            & + [class^=\"bounce\"] {\n                margin-left: 4px;\n            }\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        font-size: $iconNormalSize;\n        /* + span {\n            margin-left: 7px;\n        } */\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 32px;\n        min-width: 32px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-default {\n        &:hover,\n        &.hover {\n            border-color: $newBlackColor3;\n            color: $newBlackColor2;\n        }\n        &:active,\n        &.active {\n            border-color: $newMainColor;\n            color: $newMainColor;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n        }\n        &.is-loading {\n            cursor: default;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n                opacity: 1;\n            }\n            &:active,\n            &.active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n            }\n        }\n        .bk-button-loading {\n            div {\n                background-color: $newBlackColor2;\n            }\n        }\n    }\n\n    &.bk-primary {\n        @mixin create-button $newMainColor, $newMainColor1, $newMainColor4;\n    }\n\n    &.bk-success {\n        @mixin create-button $newGreenColor, $newGreenColor1, $newGreenColor4;\n    }\n\n    &.bk-warning {\n        @mixin create-button $newOrangeColor, $newOrangeColor1, $newOrangeColor4;\n    }\n\n    &.bk-danger {\n        @mixin create-button $newRedColor, $newRedColor1, $newRedColor4;\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n        .bk-icon {\n            font-size: $iconSmallSize;\n        }\n    }\n\n    &.bk-button-large {\n        height: 38px;\n        line-height: 36px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n        .bk-icon {\n            font-size: $iconLargeSize;\n        }\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.bk-button-text {\n    border: none;\n    background: none;\n    cursor: pointer;\n    font-size: $fnNormalSize;\n    color: $newBlackColor2;\n    text-decoration: none;\n    outline: none;\n    height: 22px;\n    padding: 0;\n    .bk-loading-wrapper {\n        display: inline-block;\n    }\n\n    .bk-button-loading {\n        position: relative;\n        display: inline-block;\n        .bounce {\n            width: 7px;\n            height: 7px;\n            border-radius: 100%;\n            display: inline-block;\n            background-color: $defaultColor;\n            animation: button-loading 1.2s infinite ease-in-out both;\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n        .bk-spin {\n            position: relative;\n            top: -1px;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        width: 14px;\n        height: 16px;\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        /* + span {\n            margin-left: 7px;\n        } */\n        &.left-icon {\n            margin-right: 2px;\n        }\n        &.right-icon {\n            margin-left: 2px;\n        }\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 22px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-default {\n        &:hover,\n        &.hover {\n            border-color: $newBlackColor3;\n            color: $newBlackColor2;\n        }\n        &:active,\n        &.active {\n            border-color: $newMainColor;\n            color: $newMainColor;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n        }\n        &.is-loading {\n            cursor: default;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n                opacity: 1;\n            }\n            &:active,\n            &.active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor;\n            }\n        }\n        .bk-button-loading {\n            div {\n                background-color: $newBlackColor2;\n            }\n        }\n    }\n\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover,\n        &.hover {\n            color: $newMainColor1;\n        }\n        &:active,\n        &.active {\n            color: $newMainColor4;\n        }\n    }\n\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover,\n        &.hover {\n            color: $newGreenColor1;\n        }\n        &:active,\n        &.active {\n            color: $newGreenColor4;\n        }\n    }\n\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover,\n        &.hover {\n            color: $newOrangeColor1;\n        }\n        &:active,\n        &.active {\n            color: $newOrangeColor4;\n        }\n    }\n\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover,\n        &.hover {\n            color: $newRedColor1;\n        }\n        &:active,\n        &.active {\n            color: $newRedColor4;\n        }\n    }\n\n    /* is-disabled 样式要放在 bk-primary bk-success bk-warning bk-danger 后面 */\n    &.is-disabled,\n    &[disabled] {\n        color: $newGreyColor1;\n        cursor: not-allowed;\n        &:hover,\n        &.hover {\n            color: $newGreyColor1;\n        }\n        &:active,\n        &.active {\n            color: $newGreyColor1;\n        }\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n    }\n\n    &.bk-button-large {\n        height: 42px;\n        line-height: 40px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n.bk-button-hover {\n    height: 32px;\n    line-height: 30px;\n    display: inline-block;\n    outline: none;\n    cursor: pointer;\n    white-space: nowrap;\n    -webkit-appearance: none;\n    padding: 0 15px;\n    text-align: center;\n    vertical-align: middle;\n    font-size: $fnNormalSize;\n    background-color: $defaultColor;\n    border: 1px solid $newGreyColor;\n    border-radius: 2px;\n    box-sizing: border-box;\n    color: $newBlackColor2;\n    text-decoration: none;\n    transition: background-color ease 0.3s;\n    min-width: 68px;\n    \n    .bk-loading-wrapper {\n        opacity: 0;\n    }\n    .bk-button-loading {\n        width: 58px;\n        display: inline-block;\n        div {\n            width: 6px;\n            height: 6px;\n            border-radius: 100%;\n            display: inline-block;\n            background-color: $newBlackColor2;\n            animation: button-loading 1s infinite ease-in-out both;\n        }\n        .bounce1 {\n            animation-delay: -0.72s;\n        }\n        .bounce2 {\n            animation-delay: -0.48s;\n        }\n        .bounce3 {\n            animation-delay: -0.24s;\n        }\n        .bounce4 {\n            animation-delay: 0s;\n        }\n    }\n\n    .bk-button-icon-loading {\n        position: relative;\n        top: 2px;\n        .loading {\n            width: 14px;\n            height: 14px;\n            border: 2px solid;\n            border-right-color: transparent;\n            border-radius: 50%;\n            animation: button-icon-loading 1s linear infinite;\n            margin: -7px auto 0;\n            display: inline-block;\n        }\n    }\n\n    .bk-icon {\n        width: 14px;\n        height: 16px;\n        line-height: 16px;\n        min-width: 14px;\n        display: inline-block;\n        position: relative;\n        top: 1px;\n        /* + span {\n            margin-left: 7px;\n        } */\n        &.left-icon {\n            margin-right: 2px;\n        }\n        &.right-icon {\n            margin-left: 2px;\n        }\n    }\n\n    &.no-slot {\n        padding: 0 10px;\n        height: 36px;\n        min-width: 36px;\n        .left-icon {\n            margin-right: 0;\n        }\n        .right-icon {\n            margin-left: 0;\n        }\n    }\n\n    &.bk-primary {\n        @mixin create-button-hover $newMainColor, $newMainColor4;\n    }\n\n    &.bk-success {\n        @mixin create-button-hover $newGreenColor, $newGreenColor4;\n    }\n\n    &.bk-warning {\n        @mixin create-button-hover $newOrangeColor, $newOrangeColor4;\n    }\n\n    &.bk-danger {\n        @mixin create-button-hover $newRedColor, $newRedColor4;\n    }\n\n    &.bk-button-small {\n        height: 26px;\n        line-height: 24px;\n        padding: 0 12px;\n        font-size: $fnSmallSize;\n    }\n\n    &.bk-button-large {\n        height: 42px;\n        line-height: 40px;\n        padding: 0 20px;\n        font-size: $fnLargeSize;\n    }\n\n    &.is-outline {\n        &.is-disabled,\n        &[disabled] {\n            background-color: $defaultColor;\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            cursor: not-allowed;\n            &:hover,\n            &.hover {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n            &.active,\n            &:active {\n                background-color: $defaultColor;\n                border-color: $newGreyColor1;\n                color: $newGreyColor;\n            }\n        }\n    }\n}\n\n@-webkit-keyframes button-icon-loading {\n    0% {\n        transform:rotate(0)\n    }\n    100% {\n        transform:rotate(360deg)\n    }\n}\n\n@keyframes button-icon-loading {\n    0% {\n        transform:rotate(0)\n    }\n    100% {\n        transform:rotate(360deg)\n    }\n}\n\n.bk-button-group {\n    font-size: 0;\n    margin-left: 1px;\n    display: inline-block;\n    .bk-button {\n        margin: 0 0 0 -1px;\n        border-radius: 0;\n        &.hover,\n        &:hover {\n            border-color: $newMainColor;\n            color: $newMainColor;\n            position: relative;\n            z-index: 1;\n        }\n        &.is-disabled:hover {\n            border-color: $newGreyColor1;\n            color: $newGreyColor;\n            position: relative;\n            z-index: 0;\n        }\n        &:first-child {\n            border-radius: 2px 0 0 2px;\n        }\n        &:last-child {\n            border-radius: 0 2px 2px 0;\n        }\n        &.is-selected {\n            background-color: $newMainColor3;\n            border-color: $newMainColor;\n            color: $newMainColor;\n            position: relative;\n            z-index: 1;\n        }\n        span  {\n            .bk-icon {\n                margin-left: 7px;\n            }\n        }\n    }\n}\n\n.bk-text-button {\n    border: none;\n    background: none;\n    color: $newMainColor;\n    cursor: pointer;\n    text-decoration: none;\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    }\n\n    +.bk-text-button {\n        margin-left: 15px;\n    }\n    &:hover {\n        color: $primaryHoverColor;\n        text-decoration: none;\n    }\n    &.is-disabled {\n        color: #e6e6e6 !important;\n        cursor: not-allowed;\n    }\n    &.bk-default {\n        color: $fnMainColor;\n        &:hover {\n            color: darken($fnMainColor, 10%);\n        }\n    }\n    &.bk-info {\n        color: $newMainColor1;\n        &:hover {\n            color: $infoHoverColor;\n        }\n    }\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n    }\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n    }\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n    }\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n    }\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n    }\n}\n\n/*\n\n.bk-text-button {\n    border: none;\n    background: none;\n    color: $newMainColor;\n    cursor: pointer;\n    text-decoration: none;\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n        margin-right: 5px;\n        display: inline-block;\n    }\n\n    +.bk-text-button {\n        margin-left: 15px;\n    }\n    &:hover {\n        color: $primaryHoverColor;\n        text-decoration: none;\n    }\n    &.is-disabled {\n        color: #e6e6e6 !important;\n        cursor: not-allowed;\n    }\n    &.bk-default {\n        color: $fnMainColor;\n        &:hover {\n            color: darken($fnMainColor, 10%);\n        }\n    }\n    &.bk-info {\n        color: $newMainColor1;\n        &:hover {\n            color: $infoHoverColor;\n        }\n    }\n    &.bk-primary {\n        color: $newMainColor;\n        &:hover {\n            color: $primaryHoverColor;\n        }\n    }\n    &.bk-success {\n        color: $newGreenColor;\n        &:hover {\n            color: $successHoverColor;\n        }\n    }\n    &.bk-warning {\n        color: $newOrangeColor;\n        &:hover {\n            color: $warningHoverColor;\n        }\n    }\n    &.bk-danger {\n        color: $newRedColor;\n        &:hover {\n            color: $dangerHoverColor;\n        }\n    }\n    .bk-icon {\n        width: 16px;\n        min-width: 16px;\n    }\n}\n\n.bk-radio-group {\n    display: inline-block;\n    margin-left: 1px;\n    .bk-radio-button {\n        float: left;\n        margin-left: -1px;\n        min-width: 100px;\n        height: 36px;\n        line-height: 34px;\n        white-space: nowrap;\n        outline: none;\n        cursor: pointer;\n        padding: 0 15px;\n        text-align: center;\n        vertical-align: middle;\n        font-size: $fnNormalSize;\n        background-color: $defaultColor;\n        border: 1px solid #d6d6d6;\n        box-sizing: border-box;\n        color: $fnMainColor;\n        position: relative;\n        &:nth-of-type(1) {\n            border-top-left-radius: 2px;\n            border-bottom-left-radius: 2px;\n        }\n        &:nth-last-of-type(1) {\n            border-top-right-radius: 2px;\n            border-bottom-right-radius: 2px;\n        }\n        &:hover {\n            background-color: $defaultHoverColor;\n            color: $fnMainColor;\n            text-decoration: none;\n            opacity: 1;\n        }\n        &.is-checked {\n            color: #fff;\n            background-color: $newMainColor;\n            border-color: $newMainColor;\n            z-index: 10;\n        }\n        &.is-disabled,\n        &[disabled] {\n            background-color: #fff !important;\n            border-color: #e5e5e5 !important;\n            color: #e6e6e6 !important;\n            cursor: not-allowed;\n        }\n    }\n    &.bk-radio-mini {\n\n        .bk-radio-button {\n            height: 24px;\n            line-height: 22px;\n            padding: 0 7px;\n            min-width: 50px;\n            font-size: $fnSmallSize;\n        }\n    }\n    &.bk-radio-small {\n        .bk-radio-button {\n            height: 32px;\n            line-height: 30px;\n            padding: 0 10px;\n            min-width: 80px;\n        }\n    }\n    &.bk-radio-large {\n        .bk-radio-button {\n            height: 42px;\n            line-height: 40px;\n            padding: 0 16px;\n            min-width: 120px;\n        }\n    }\n}\n\n */\n\n@-moz-keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n\n@-webkit-keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n\n@keyframes button-loading {\n    0% {\n        opacity: 0;\n    }\n    50% {\n        opacity: 0.5;\n    }\n    100% {\n        opacity: 1.0;\n    }\n}\n","/**\n * @file create-button mixin\n *\n * usage:\n *      @mixin create-button red, green, green;\n */\n\n@define-mixin create-button $color, $hover, $active {\n    & {\n        background: $color;\n        border-color: $color;\n        color: $defaultColor;\n    }\n\n    &:hover,\n    &.hover {\n        background-color: $hover;\n        border-color: $hover;\n        opacity: 1;\n    }\n\n    &:active,\n    &.active {\n        background-color: $active;\n        border-color: $active;\n    }\n\n    &.is-disabled,\n    &[disabled] {\n        background-color: $newGreyColor1;\n        border-color: $newGreyColor1;\n        color: $defaultColor;\n        cursor: not-allowed;\n    }\n\n    &.is-loading {\n        cursor: default;\n      &:hover,\n      &.hover {\n          background-color: $color;\n          border-color: $color;\n          opacity: 1;\n      }\n      &:active,\n      &.active {\n          background-color: $color;\n          border-color: $color;\n      }\n      &.is-outline {\n        .bk-button-loading {\n          div {\n            background-color: $color;\n          }\n        }\n        &:hover,\n        &.hover {\n          .bk-button-loading {\n            div {\n              background-color: #fff;\n            }\n          }\n        }\n        &.active,\n        &:active {\n          .bk-button-loading {\n            div {\n              background-color: #fff;\n            }\n          }\n        }\n      }\n    }\n\n    &.is-outline {\n        color: $color;\n        border-color: $color;\n        background-color: #fff;\n        &:hover,\n        &.hover {\n            background-color: $color;\n            border-color: $color;\n            color: #fff;\n        }\n        &.active,\n        &:active {\n            background-color: $active;\n            border-color: $active;\n            color: #fff;\n        }\n    }\n\n    /* &.is-selected {\n        background-color: $active !important;\n        border-color: $active !important;\n        color: #fff !important;\n        position: relative;\n        z-index: 1;\n        cursor: default;\n    } */\n}\n","/**\n * @file create-button-hover mixin\n *\n * usage:\n *      @mixin create-button-hover green, green;\n */\n\n@define-mixin create-button-hover $hover, $active {\n    & {\n        background-color: $defaultColor;\n        border-color: $newGreyColor;\n        color: $newBlackColor2;\n    }\n    &:hover,\n    &.hover {\n        background-color: $hover;\n        border-color: $hover;\n        color: $defaultColor;\n        opacity: 1;\n    }\n\n    &:active,\n    &.active {\n        background-color: $active;\n        border-color: $active;\n        color: $defaultColor;\n    }\n\n    &.is-disabled,\n    &[disabled] {\n        background-color: $defaultColor;\n        border-color: $newGreyColor1;\n        color: $newGreyColor;\n        cursor: not-allowed;\n    }\n\n    &.is-loading {\n        cursor: default;\n        &:hover,\n        &.hover {\n            background-color: $defaultColor;\n            border-color: $newGreyColor;\n            opacity: 1;\n        }\n        &:active,\n        &.active {\n            background-color: $defaultColor;\n            border-color: $newGreyColor;\n        }\n    }\n\n    &.is-outline {\n        color: $hover;\n        border-color: $hover;\n        background-color: $defaultColor;\n        &:hover,\n        &.hover {\n            background-color: $hover;\n            border-color: $hover;\n            color: $defaultColor;\n        }\n        &.active,\n        &:active {\n            background-color: $active;\n            border-color: $active;\n            color: $defaultColor;\n        }\n    }\n}\n"]}