Polish unset color indicator. (#36994)

WordPress · Nov 30, 2021 · 406db62 · 406db62
1 parent e13dc1b
commit 406db62
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/edit-site/src/components/global-styles/style.scss b/packages/edit-site/src/components/global-styles/style.scss
@@ -49,12 +49,10 @@
 		height: 24px;
 		width: 24px;
 		padding: 0;
-		background-image:
-			repeating-linear-gradient(45deg, $gray-200 25%, transparent 25%, transparent 75%, $gray-200 75%, $gray-200),
-			repeating-linear-gradient(45deg, $gray-200 25%, transparent 25%, transparent 75%, $gray-200 75%, $gray-200);
-		background-position: 0 0, 25px 25px;
-		background-size: calc(2 * 5px) calc(2 * 5px);
 		border: $border-width solid $gray-300;
+
+		// Show a diagonal line (crossed out) for empty swatches.
+		background: linear-gradient(-45deg, transparent 48%, $gray-300 48%, $gray-300 52%, transparent 52%);
 	}
 }