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($".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($".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("}");
}