List block: add color controls (#21387)

* List block: add color controls.

* Workaround for default editor styles overriding padding.

packages/block-library/src/editor.scss

@@ -23,6 +23,7 @@
 @import "./latest-comments/editor.scss";
 @import "./latest-posts/editor.scss";
 @import "./legacy-widget/editor.scss";
+@import "./list/editor.scss";
 @import "./media-text/editor.scss";
 @import "./more/editor.scss";
 @import "./navigation/editor.scss";

packages/block-library/src/list/block.json

@@ -11,10 +11,7 @@
 			"source": "html",
 			"selector": "ol,ul",
 			"multiline": "li",
-			"__unstableMultilineWrapperTags": [
-				"ol",
-				"ul"
-			],
+			"__unstableMultilineWrapperTags": [ "ol", "ul" ],
 			"default": ""
 		},
 		"type": {
@@ -30,6 +27,9 @@
 	"supports": {
 		"anchor": true,
 		"className": false,
+		"__experimentalColor": {
+			"gradients": true
+		},
 		"__unstablePasteTextInline": true,
 		"lightBlockWrapper": true
 	}

packages/block-library/src/list/editor.scss

@@ -0,0 +1,7 @@
+// Extra specificity required to override default editor styles, which are
+// loaded after core block styles. If the load order changes, this rule can be
+// removed. See https://github.com/WordPress/gutenberg/issues/24011.
+ol.has-background.has-background,
+ul.has-background.has-background {
+	padding: $block-bg-padding--v $block-bg-padding--h;
+}

packages/block-library/src/list/style.scss

@@ -0,0 +1,4 @@
+ol.has-background,
+ul.has-background {
+	padding: $block-bg-padding--v $block-bg-padding--h;
+}

packages/block-library/src/style.scss

@@ -17,6 +17,7 @@
 @import "./image/style.scss";
 @import "./latest-comments/style.scss";
 @import "./latest-posts/style.scss";
+@import "./list/style.scss";
 @import "./media-text/style.scss";
 @import "./navigation/style.scss";
 @import "./navigation-link/style.scss";