refactor: 样式变量化

ArgoZhang · ArgoZhang · commit db22198a6014 · 2025-04-26T18:36:34.000+08:00
diff --git a/src/BootstrapBlazor/Components/Input/OtpInput.razor.scss b/src/BootstrapBlazor/Components/Input/OtpInput.razor.scss
@@ -4,6 +4,7 @@
 
     .bb-opt-item {
         --bb-opt-item-width: 66px;
+        --bb-opt-item-disabled-color: #b8b8b8;
         --bb-opt-item-padding: #{$bb-opt-item-padding};
         --bb-opt-item-margin: #{$bb-opt-item-margin};
         --bb-opt-font-size: #{$bb-opt-font-size};
@@ -32,6 +33,6 @@
     }
 
     span.bb-opt-item {
-        color: #b8b8b8;
+        color: var(--bb-opt-item-disabled-color);
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -4,6 +4,7 @@`
`4`	`4`
`5`	`5`	`.bb-opt-item {`
`6`	`6`	`--bb-opt-item-width: 66px;`
	`7`	`+ --bb-opt-item-disabled-color: #b8b8b8;`
`7`	`8`	`--bb-opt-item-padding: #{$bb-opt-item-padding};`
`8`	`9`	`--bb-opt-item-margin: #{$bb-opt-item-margin};`
`9`	`10`	`--bb-opt-font-size: #{$bb-opt-font-size};`
`@@ -32,6 +33,6 @@`
`32`	`33`	`}`
`33`	`34`
`34`	`35`	`span.bb-opt-item {`
`35`		`- color: #b8b8b8;`
	`36`	`+ color: var(--bb-opt-item-disabled-color);`
`36`	`37`	`}`
`37`	`38`	`}`