add input-background variable

denniserdmann · web-flow · commit 8e84c2f52e11 · 2023-04-13T13:18:03.000+02:00
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -206,6 +206,7 @@ html {
   --forms-input-border-width:  var(--base-border-width);
   --forms-input-border-radius: var(--base-border-radius);
   --forms-input-border-color:  rgba(0,0,0,0.25);
+  --forms-input-background:    var(--color-page-background);
   --forms-input-line-height:   normal;
   --forms-mandatory-color:     var(--color-brand);
   // --------------------------------------------------
diff --git a/scss/components/_forms.scss b/scss/components/_forms.scss
@@ -46,6 +46,7 @@ select.select {
   border: var(--forms-input-border-width) solid var(--forms-input-border-color);
   background-clip: padding-box; // [3]
   background-image: none; // [6]
+  background-color: var(--forms-input-background);
   line-height: var(--forms-input-line-height);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -46,6 +46,7 @@ select.select {`
`46`	`46`	`border: var(--forms-input-border-width) solid var(--forms-input-border-color);`
`47`	`47`	`background-clip: padding-box; // [3]`
`48`	`48`	`background-image: none; // [6]`
	`49`	`+ background-color: var(--forms-input-background);`
`49`	`50`	`line-height: var(--forms-input-line-height);`
`50`	`51`	`}`
`51`	`52`