Merge pull request #1319 from Automattic/fix/issue-1306

Varia: Prevent list item markers from overflowing parent wrappers.

alves/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Karla", Arial, sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

alves/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Karla", Arial, sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

brompton/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

brompton/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: Lora, Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

coutoire/style-rtl.css

@@ -1603,16 +1603,17 @@ img {
 ul,
 ol {
 	font-family: "Work Sans", sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

coutoire/style.css

@@ -1603,16 +1603,17 @@ img {
 ul,
 ol {
 	font-family: "Work Sans", sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

exford/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

exford/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Source Serif Pro", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

hever/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

hever/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

leven/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

leven/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

morden/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

morden/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

redhill/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

redhill/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Times, "Times New Roman", serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

rockfield/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: Lora, Baskerville, Georgia, Times, serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

rockfield/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: Lora, Baskerville, Georgia, Times, serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

stow/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Source Sans Pro", Arial, sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

stow/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Source Sans Pro", Arial, sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

stratford/style-rtl.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Lato", sans-serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

stratford/style.css

@@ -1604,16 +1604,17 @@ img {
 ul,
 ol {
 	font-family: "Lato", sans-serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {

varia/sass/blocks/list/_style.scss

@@ -1,16 +1,17 @@
 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;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 li > ul,

varia/style-rtl.css

@@ -1563,6 +1563,7 @@ img {
 ul,
 ol {
 	font-family: serif;
+	list-style-position: inside;
 	margin: 0 16px 0 0;
 	padding: 0;
 }

varia/style.css

@@ -1563,16 +1563,17 @@ img {
 ul,
 ol {
 	font-family: serif;
+	list-style-position: inside;
 	margin: 0 0 0 16px;
 	padding: 0;
 }
 
 ul {
-	list-style: disc;
+	list-style-type: disc;
 }
 
 ol {
-	list-style: decimal;
+	list-style-type: decimal;
 }
 
 dt {