mt-ui-components-vue3/lib/Button/style/index.less

玛果添实UI组件库(Vue3)

// @import 'ant-design-vue/lib/style/index.less';
//@import 'ant-design-vue/lib/button/style/index.less';
//@import '../../style/variable.less';

@btn-denger: #e50012;
.custom-button {
    &.stroke-btn {
        background-color: #f1f1f1;
        border-color: #e6e6e6;
        &:hover {
            color: #ffffff;
            border-color: @primary-color;
            background-color: @primary-color;
        }
        &:disabled {
            color: @btn-disable-color;
            border-color: @btn-disable-color;
            background-color: @btn-disable-bg;
        }
    }

    &.icon-danger {
        color: @btn-denger;
        border: none;
        background-color: #f1f1f1;

        &:hover {
            color: #ffffff;
            background-color: @btn-denger;
        }

        &:disabled {
            color: @btn-disable-color;
            background-color: @btn-disable-bg;
        }
    }
}