List block: add color controls.

WordPress · Apr 3, 2020 · 40e3357 · 40e3357
1 parent 7601a5a
commit 40e3357
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 0 deletions.
diff --git a/packages/block-library/src/list/index.js b/packages/block-library/src/list/index.js
@@ -27,6 +27,7 @@ export const settings = {
 	],
 	supports: {
 		className: false,
+		__experimentalColor: true,
 		__unstablePasteTextInline: true,
 		lightBlockWrapper: true,
 	},

diff --git a/packages/block-library/src/list/style.scss b/packages/block-library/src/list/style.scss
@@ -0,0 +1,12 @@
+:root {
+	ol,
+	ul {
+		background-color: var(--wp--color--background);
+		color: var(--wp--color--text);
+	}
+}
+
+ol.has-background,
+ul.has-background {
+	padding: $block-bg-padding--v $block-bg-padding--h;
+}
diff --git a/packages/block-library/src/style.scss b/packages/block-library/src/style.scss
@@ -18,6 +18,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 "./paragraph/style.scss";