Crop gallery images by default

This is a work in progress. Pushing so as to test in IE.
WordPress · Jun 28, 2017 · 17b13d9 · 17b13d9
1 parent d6b29f6
commit 17b13d9
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/blocks/library/gallery/style.scss b/blocks/library/gallery/style.scss
@@ -5,9 +5,29 @@
 
 	&:not( .components-placeholder ) {
 		margin-right: -16px;
-		margin-bottom: -16px;	
+		margin-bottom: -16px;
 	}
 
+	// Cropped by default
+	.blocks-gallery-image {
+		flex-grow: 1;
+		margin: 0 16px 16px 0;
+
+		img {
+			width: 100%;
+			height: 100%;
+			object-fit: cover;
+		}
+
+		// IE10+ hack
+		_:-ms-lang(x), img {
+			height: auto;
+			width: auto;
+		}
+	}
+
+	/*
+	// Uncropped
 	.blocks-gallery-image {
 		flex-grow: 1;
 		margin: 0 16px 16px 0;
@@ -16,6 +36,7 @@
 			max-width: 100%;
 		}
 	}
+	*/
 
 	&.columns-1 figure {
 		width: calc(100% / 1 - 2 * 8px);