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

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

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