@import '../core/variables.less';
@import '../theme/index.less';

@ant-btn: ant-btn;
.@{ant-btn},
.@{mi-prefix}btn,
[class*="@{mi-prefix}modal-"] .@{ant-btn} {
    color: var(--mi-btn-text, @mi-btn-text);
    background: var(--mi-btn-bg, @mi-btn-bg);
    border-color: var(--mi-btn-border, @mi-btn-border);
    text-shadow: none;
    .letter-spacing();
    .border-radius();

    &:hover,
    &:active,
    &:link,
    &:focus {
        border-color: var(--mi-theme, @mi-theme);
        color: var(--mi-btn-text, @mi-btn-text);
    }

    &-default,
    &-default:hover,
    &-default:active,
    &-default:focus {
        color: var(--mi-btn-text, @mi-btn-text);
        background: var(--mi-btn-bg, @mi-btn-bg);
        border-color: var(--mi-btn-border, @mi-btn-border);
        text-shadow: none;
    }

    &-success,
    &-success:hover,
    &-success:active,
    &-success:focus {
        color: var(--mi-btn-success-text, @mi-btn-success-text);
        background: var(--mi-success, @mi-success);
        border-color: var(--mi-success, @mi-success);
        text-shadow: none;
    }

    &-primary,
    &-primary:hover,
    &-primary:active,
    &-primary:focus {
        color: var(--mi-btn-primary-text, @mi-btn-primary-text);
        .linear-gradient-background-theme();
        border-color: var(--mi-theme, @mi-theme);
        text-shadow: none;
    }

    &-danger,
    &-danger:hover,
    &-danger:active,
    &-danger:focus {
        color: var(--mi-btn-danger-text, @mi-btn-danger-text);
        background: var(--mi-danger, @mi-danger);
        border-color: var(--mi-danger, @mi-danger);
        text-shadow: none;
    }

    &-info,
    &-info:hover,
    &-info:active,
    &-info:focus {
        color: var(--mi-btn-info-text, @mi-btn-info-text);
        background: var(--mi-info, @mi-info);
        border-color: var(--mi-info, @mi-info);
        text-shadow: none;
    }

    &-warning,
    &-warning:hover,
    &-warning:active,
    &-warning:focus {
        color: var(--mi-btn-warning-text, @mi-btn-warning-text);
        background: var(--mi-warning, @mi-warning);
        border-color: var(--mi-warning, @mi-warning);
        text-shadow: none;
    }

    &-ghost,
    &-ghost:hover,
    &-ghost:active,
    &-ghost:focus,
    &-background-ghost {
        color: var(--mi-btn-ghost-text, @mi-btn-ghost-text);
        border-color: var(--mi-btn-ghost-border, @mi-btn-ghost-border);
    }

    &-dark,
    &-dark:hover,
    &-dark:active,
    &-dark:focus {
        color: var(--mi-btn-dark-text, @mi-btn-dark-text);
        .linear-gradient-background();
        border-color: var(--mi-btn-dark-border, @mi-btn-dark-border);
        text-shadow: none;
    }

    &-dangerous&&-primary {
        background: var(--mi-danger, @mi-danger);
        border-color: var(--mi-danger, @mi-danger);
    }
}

@keyframes waveEffect {
    100% {
        box-shadow: 0 0 0 var(--mi-theme-color, @mi-theme);
        box-shadow: 0 0 0 6px var(--mi-theme-color, @mi-theme);
    }
}