Try lowering specificity.

WordPress · Oct 19, 2021 · c91308f · c91308f
1 parent a3ebd9c
commit c91308f
Showing 1 changed file with 54 additions and 58 deletions.
diff --git a/packages/block-library/src/search/style.scss b/packages/block-library/src/search/style.scss
@@ -1,75 +1,71 @@
-.wp-block-search {
+.wp-block-search__button {
+	background: #f7f7f7;
+	border: 1px solid #ccc;
+	padding: 0.375em 0.625em;
+	color: #32373c;
+	margin-left: 0.625em;
+	word-break: normal;
+	font-size: inherit;
+	font-family: inherit;
+	line-height: inherit;
 
-	.wp-block-search__button {
-		background: #f7f7f7;
-		border: 1px solid #ccc;
-		padding: 0.375em 0.625em;
-		color: #32373c;
-		margin-left: 0.625em;
-		word-break: normal;
-		font-size: inherit;
-		font-family: inherit;
-		line-height: inherit;
-
-		&.has-icon {
-			line-height: 0;
-		}
-
-		svg {
-			min-width: 1.5em;
-			min-height: 1.5em;
-			fill: currentColor;
-		}
+	&.has-icon {
+		line-height: 0;
 	}
 
-	.wp-block-search__inside-wrapper {
-		display: flex;
-		flex: auto;
-		flex-wrap: nowrap;
-		max-width: 100%;
+	svg {
+		min-width: 1.5em;
+		min-height: 1.5em;
+		fill: currentColor;
 	}
+}
 
-	.wp-block-search__label {
-		width: 100%;
-	}
+.wp-block-search__inside-wrapper {
+	display: flex;
+	flex: auto;
+	flex-wrap: nowrap;
+	max-width: 100%;
+}
 
-	.wp-block-search__input {
-		padding: 8px;
-		flex-grow: 1;
-		min-width: 3em;
-		border: 1px solid #949494;
-		font-size: inherit;
-		font-family: inherit;
-		line-height: inherit;
-	}
+.wp-block-search__label {
+	width: 100%;
+}
 
-	&.wp-block-search__button-only {
-		.wp-block-search__button {
-			margin-left: 0;
-		}
-	}
+.wp-block-search__input {
+	padding: 8px;
+	flex-grow: 1;
+	min-width: 3em;
+	border: 1px solid #949494;
+	font-size: inherit;
+	font-family: inherit;
+	line-height: inherit;
+}
 
-	&.wp-block-search__button-inside .wp-block-search__inside-wrapper {
-		padding: 4px;
-		border: 1px solid #949494;
+.wp-block-search.wp-block-search__button-only {
+	.wp-block-search__button {
+		margin-left: 0;
+	}
+}
 
-		.wp-block-search__input {
-			border-radius: 0;
-			border: none;
-			padding: 0 0 0 0.25em;
+.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
+	padding: 4px;
+	border: 1px solid #949494;
 
-			&:focus {
-				outline: none;
-			}
-		}
+	.wp-block-search__input {
+		border-radius: 0;
+		border: none;
+		padding: 0 0 0 0.25em;
 
-		.wp-block-search__button {
-			padding: 0.125em 0.5em;
+		&:focus {
+			outline: none;
 		}
 	}
 
-	&.aligncenter .wp-block-search__inside-wrapper {
-		margin: auto;
+	.wp-block-search__button {
+		padding: 0.125em 0.5em;
 	}
 }
 
+.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
+	margin: auto;
+}