protected override void GenerateStepsStyles(StringBuilder sb, Theme theme, ThemeStepsOptions stepsOptions) { sb .Append(".step-completed .step-circle").Append("{") .Append($"color: {Var( ThemeVariables.White )};") .Append($"background-color: {Var( ThemeVariables.StepsItemIconCompleted, Var( ThemeVariables.Color( "success" ) ) )};") .Append($"border-color: {Var( ThemeVariables.StepsItemIconCompleted, Var( ThemeVariables.Color( "success" ) ) )};") .AppendLine("}"); sb .Append(".step-completed .step-circle::before").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconCompleted, Var( ThemeVariables.Color( "success" ) ) )};") .AppendLine("}"); sb .Append(".step-completed .step-text").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemTextCompleted, Var( ThemeVariables.Color( "success" ) ) )};") .AppendLine("}"); sb .Append(".step-active .step-circle").Append("{") .Append($"color: {Var( ThemeVariables.White )};") .Append($"background-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .Append($"border-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); sb .Append(".step-active .step-circle::before").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); sb .Append(".step-active .step-text").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemTextActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); }
protected override void GenerateStepsVariantStyles(StringBuilder sb, Theme theme, string variant, string inBackgroundColor, ThemeStepsOptions stepsOptions) { sb .Append($".step-{variant} .step-circle").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .Append($"border-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".step-{variant}.step-completed .step-circle").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIconYiq( variant ) )};") .Append($"background-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .Append($"border-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".step-{variant}.step-completed .step-circle::before").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".step-{variant}.step-completed .step-text").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemText( variant ) )};") .AppendLine("}"); sb .Append($".step-{variant}.step-active .step-circle").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconActiveYiq, Var( ThemeVariables.White ) )};") .Append($"background-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .Append($"border-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); sb .Append($".step-{variant}.step-active::before").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); sb .Append($".step-{variant}.step-active .step-text").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); }
protected override void GenerateStepsVariantStyles(StringBuilder sb, Theme theme, string variant, string inBackgroundColor, ThemeStepsOptions stepsOptions) { sb .Append($".stepper-{variant}.done .stepper-icon").Append("{") .Append($"background-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".stepper-{variant}.done .stepper-text").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemText( variant ) )};") .AppendLine("}"); sb .Append($".stepper-{variant}.active .stepper-icon").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconActiveYiq )};") .Append($"background-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); sb .Append($".stepper-{variant}.active .stepper-text").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemText( variant ) )};") .AppendLine("}"); sb .Append($".stepper-{variant} .stepper-icon").Append("{") .Append($"background-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".stepper-{variant} .stepper-icon").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIconYiq( variant ) )};") .AppendLine("}"); }
protected override void GenerateStepsVariantStyles(StringBuilder sb, Theme theme, string variant, string inBackgroundColor, ThemeStepsOptions stepsOptions) { sb .Append($".ant-steps-item-{variant}.ant-steps-item-finish .ant-steps-item-content .ant-steps-item-title").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemText( variant ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant}.ant-steps-item-wait .ant-steps-item-icon").Append("{") .Append($"border-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .Append($"color: {Var( ThemeVariables.VariantStepsItemIconYiq( variant ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant}.ant-steps-item-wait .ant-steps-item-content .ant-steps-item-title").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemText( variant ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant}.ant-steps-item-active.ant-steps-item-finish .ant-steps-item-icon").Append("{") .Append($"background-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .Append($"border-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .Append($"color: {Var( ThemeVariables.StepsItemIconActiveYiq, Var( ThemeVariables.White ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant}.ant-steps-item-active.ant-steps-item-process .ant-steps-icon").Append("{") .Append($"border-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .Append($"color: {Var( ThemeVariables.StepsItemIconActiveYiq, Var( ThemeVariables.White ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant}.ant-steps-item-active.ant-steps-item-process .ant-steps-item-content .ant-steps-item-title").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant} .ant-steps-item-icon").Append("{") .Append($"border-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant} .ant-steps-item-icon .ant-steps-icon").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".ant-steps-item-{variant} .ant-steps-item-content .ant-steps-item-title").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemText( variant ) )};") .AppendLine("}"); }
protected override void GenerateStepsVariantStyles(StringBuilder sb, Theme theme, string variant, string inBackgroundColor, ThemeStepsOptions stepsOptions) { sb .Append($".steps .step-item.is-{variant}::before").Append("{") .Append($"background: linear-gradient(to left, #dbdbdb 50%, {Var( ThemeVariables.VariantStepsItemIcon( variant ) )} 50%);") .Append("background-size: 200% 100%;") .Append("background-position: right bottom;") .AppendLine("}"); sb .Append($".steps .step-item.is-{variant} .step-marker").Append("{") .Append($"color: {Var( ThemeVariables.VariantStepsItemIconYiq( variant ) )};") .Append($"background-color: {Var( ThemeVariables.VariantStepsItemIcon( variant ) )};") .AppendLine("}"); sb .Append($".steps .step-item.is-{variant}.is-completed::before").Append("{") .Append("background-position: left bottom;") .AppendLine("}"); sb .Append($".steps .step-item.is-{variant}.is-completed .step-marker").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconCompletedYiq )};") .Append($"background-color: {Var( ThemeVariables.StepsItemIconCompleted )};") .AppendLine("}"); sb .Append($".steps .step-item.is-{variant}.is-active::before").Append("{") .Append("background-position: left bottom;") .AppendLine("}"); sb .Append($".steps .step-item.is-{variant}.is-active.is-completed .step-marker,") .Append($".steps .step-item.is-{variant}.is-active .step-marker").Append("{") .Append($"color: {Var( ThemeVariables.StepsItemIconActiveYiq, Var( ThemeVariables.White ) )};") .Append($"background-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .Append($"border-color: {Var( ThemeVariables.StepsItemIconActive, Var( ThemeVariables.Color( "primary" ) ) )};") .AppendLine("}"); }
protected override void GenerateStepsVariantStyles(StringBuilder sb, Theme theme, string variant, string inBackgroundColor, ThemeStepsOptions stepsOptions) { throw new System.NotImplementedException(); }
protected override void GenerateStepsStyles(StringBuilder sb, Theme theme, ThemeStepsOptions options) { throw new System.NotImplementedException(); }
protected override void GenerateStepsStyles(StringBuilder sb, Theme theme, ThemeStepsOptions stepsOptions) { }