[Block Library - Query Loop]: Use gap for the grid view (#37711)

WordPress · Jan 10, 2022 · 89e5230 · 89e5230
1 parent e995633
commit 89e5230
Showing 1 changed file with 2 additions and 13 deletions.
diff --git a/packages/block-library/src/post-template/style.scss b/packages/block-library/src/post-template/style.scss
@@ -11,32 +11,21 @@
 	list-style: none;
 	padding: 0;
 
-	li {
-		clear: both;
-	}
-
 	&.is-flex-container {
 		flex-direction: row;
 		display: flex;
 		flex-wrap: wrap;
+		gap: 1.25em;
 
 		li {
-			margin: 0 0 1.25em 0;
+			margin: 0;
 			width: 100%;
 		}
 
 		@include break-small {
-			li {
-				margin-right: 1.25em;
-			}
-
 			@for $i from 2 through 6 {
 				&.is-flex-container.columns-#{ $i } > li {
 					width: calc((100% / #{ $i }) - 1.25em + (1.25em / #{ $i }));
-
-					&:nth-child( #{ $i }n ) {
-						margin-right: 0;
-					}
 				}
 			}
 		}