select input style

wp-blocks · Nov 5, 2023 · 3ea240e · 3ea240e
1 parent d4aea98
commit 3ea240e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/scripts/modules/select/style.scss b/src/scripts/modules/select/style.scss
@@ -12,3 +12,11 @@
 	background-color: var(--wp--preset--color--primary);
 	border: 1px solid var(--wp--preset--color--primary);
 }
+
+.choices__input {
+	background: var(--wp--preset--color--background);
+}
+.choices[data-type*=select-multiple] .choices__button,
+.choices[data-type*=text] .choices__button {
+	border-left: 1px solid var(--wp--preset--color--primary-light);
+}
diff --git a/src/styles/base/_inputs.scss b/src/styles/base/_inputs.scss
@@ -36,10 +36,6 @@ input[type="tel"] {
 	box-shadow: 0 0 0 var(--wp--preset--color--gray-light);
 }
 
-.choices__input {
-	background: var(--wp--preset--color--background);
-}
-
 [type="checkbox"],
 [type="radio"] {
 	margin: 0;

diff --git a/src/styles/components/_hero.scss b/src/styles/components/_hero.scss
@@ -9,6 +9,7 @@
 		z-index: -1;
 		content: "";
 		height: 100vw;
+		max-height: 2000px;
 		width: 200vw;
 		top: 40%;
 		translate: -50% -50%;