Merge pull request #1445 from Automattic/fix/issue-1441

Varia: Change list style position and indentation

varia/sass/blocks/_editor.scss

@@ -14,6 +14,7 @@
 @import "gallery/editor";
 @import "group/editor";
 @import "latest-posts/editor";
+@import "list/editor";
 @import "media-text/editor";
 @import "posts-list/editor";
 @import "paragraph/editor";

varia/sass/blocks/list/_editor.scss

@@ -0,0 +1,7 @@
+.block-library-list {
+	ul,
+	ol {
+		margin: #{map-deep-get($config-global, "spacing", "vertical")} 0;
+		padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
+	}
+}

varia/sass/blocks/list/_style.scss

@@ -1,9 +1,8 @@
 ul,
 ol {
 	font-family: #{map-deep-get($config-list, "font", "family")};
-	list-style-position: inside;
-	margin: 0 0 0 #{map-deep-get($config-global, "spacing", "unit")};
-	padding: 0;
+	margin: 0;
+	padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
 }
 
 ul {
@@ -25,5 +24,6 @@ dt {
 }
 
 dd {
-	margin: 0 0 0 #{map-deep-get($config-global, "spacing", "unit")};
-}
+	margin: 0;
+	padding-left: #{2 * map-deep-get($config-global, "spacing", "horizontal")};
+}

varia/style-editor.css

@@ -458,6 +458,12 @@ object {
 	margin: 0;
 }
 
+.block-library-list ul,
+.block-library-list ol {
+	margin: 32px 0;
+	padding-left: 32px;
+}
+
 .wp-block-media-text .block-editor-inner-blocks {
 	padding-right: 16px;
 	padding-left: 16px;

varia/style-rtl.css

@@ -1587,9 +1587,8 @@ img {
 ul,
 ol {
 	font-family: serif;
-	list-style-position: inside;
-	margin: 0 16px 0 0;
-	padding: 0;
+	margin: 0;
+	padding-right: 32px;
 }
 
 ul {
@@ -1606,7 +1605,8 @@ dt {
 }
 
 dd {
-	margin: 0 16px 0 0;
+	margin: 0;
+	padding-right: 32px;
 }
 
 .wp-block-media-text {

varia/style.css

@@ -1587,9 +1587,8 @@ img {
 ul,
 ol {
 	font-family: serif;
-	list-style-position: inside;
-	margin: 0 0 0 16px;
-	padding: 0;
+	margin: 0;
+	padding-left: 32px;
 }
 
 ul {
@@ -1606,7 +1605,8 @@ dt {
 }
 
 dd {
-	margin: 0 0 0 16px;
+	margin: 0;
+	padding-left: 32px;
 }
 
 .wp-block-media-text {