예제 #1
0
        protected override void GenerateButtonOutlineVariantStyles(StringBuilder sb, Theme theme, string variant, ThemeButtonOptions options)
        {
            var color       = Var(ThemeVariables.OutlineButtonColor(variant));
            var hoverColor  = Var(ThemeVariables.OutlineButtonHoverColor(variant));
            var activeColor = Var(ThemeVariables.OutlineButtonActiveColor(variant));

            sb.Append($".ant-btn-outline-{variant}").Append("{")
            .Append($"color: {color} !important;")
            .Append($"background: transparent !important;")
            .Append($"border-color: {color} !important;")
            .AppendLine("}");

            sb.Append($".ant-btn-outline-{variant} > a:only-child").Append("{")
            .Append($"color: currentColor !important;")
            .AppendLine("}");

            sb.Append($".ant-btn-outline-{variant}:hover,")
            .Append($".ant-btn-outline-{variant}:focus")
            .Append("{")
            .Append($"color: {hoverColor} !important;")
            .Append($"border-color: {hoverColor} !important;")
            .AppendLine("}");

            sb.Append($".ant-btn-outline-{variant}:hover > a:only-child,")
            .Append($".ant-btn-outline-{variant}:focus > a:only-child")
            .Append("{")
            .Append($"color: currentColor !important;")
            .AppendLine("}");

            sb
            .Append($".ant-btn-outline-{variant}:active,")
            .Append($".ant-btn-outline-{variant}.active")
            .Append("{")
            .Append($"color: {activeColor} !important;")
            .Append($"border-color: {activeColor} !important;")
            .AppendLine("}");

            sb
            .Append($".ant-btn-outline-{variant}:active > a:only-child,")
            .Append($".ant-btn-outline-{variant}.active > a:only-child")
            .Append("{")
            .Append($"color: currentColor !important;")
            .AppendLine("}");

            sb
            .Append($".ant-btn-outline-{variant}-disabled,")
            .Append($".ant-btn-outline-{variant}.disabled,")
            .Append($".ant-btn-outline-{variant}[disabled],")
            .Append($".ant-btn-outline-{variant}-disabled:hover,")
            .Append($".ant-btn-outline-{variant}.disabled:hover,")
            .Append($".ant-btn-outline-{variant}[disabled]:hover,")
            .Append($".ant-btn-outline-{variant}-disabled:focus,")
            .Append($".ant-btn-outline-{variant}.disabled:focus,")
            .Append($".ant-btn-outline-{variant}[disabled]:focus,")
            .Append($".ant-btn-outline-{variant}-disabled:active,")
            .Append($".ant-btn-outline-{variant}.disabled:active,")
            .Append($".ant-btn-outline-{variant}[disabled]:active,")
            .Append($".ant-btn-outline-{variant}-disabled.active,")
            .Append($".ant-btn-outline-{variant}.disabled.active,")
            .Append($".ant-btn-outline-{variant}[disabled].active")
            .Append($".btn-{variant}:disabled")
            .Append("{")
            .Append($"color: rgba(0, 0, 0, 0.25) !important;")
            .Append($"border-color: #d9d9d9 !important;")
            .Append($"text-shadow: none !important;")
            .AppendLine("}");

            sb
            .Append($".ant-btn-outline-{variant}-disabled > a:only-child,")
            .Append($".ant-btn-outline-{variant}.disabled > a:only-child,")
            .Append($".ant-btn-outline-{variant}[disabled] > a:only-child,")
            .Append($".ant-btn-outline-{variant}-disabled:hover > a:only-child,")
            .Append($".ant-btn-outline-{variant}.disabled:hover > a:only-child,")
            .Append($".ant-btn-outline-{variant}[disabled]:hover > a:only-child,")
            .Append($".ant-btn-outline-{variant}-disabled:focus > a:only-child,")
            .Append($".ant-btn-outline-{variant}.disabled:focus > a:only-child,")
            .Append($".ant-btn-outline-{variant}[disabled]:focus > a:only-child,")
            .Append($".ant-btn-outline-{variant}-disabled:active > a:only-child,")
            .Append($".ant-btn-outline-{variant}.disabled:active > a:only-child,")
            .Append($".ant-btn-outline-{variant}[disabled]:active > a:only-child,")
            .Append($".ant-btn-outline-{variant}-disabled.active > a:only-child,")
            .Append($".ant-btn-outline-{variant}.disabled.active > a:only-child,")
            .Append($".ant-btn-outline-{variant}[disabled].active")
            .Append($".btn-{variant}:disabled")
            .Append("{")
            .Append($"color: currentColor !important;")
            .AppendLine("}");
        }