Corrected column math in galleries - issue WordPress#91

contributor: technosiren
briannaorg · Oct 17, 2018 · f979d1c · f979d1c
1 parent f0b3e8c
commit f979d1c
Show file tree

Hide file tree

Showing 2 changed files with 131 additions and 440 deletions.
diff --git a/sass/media/_galleries.scss b/sass/media/_galleries.scss
@@ -4,14 +4,15 @@
 
 .gallery-item {
 	display: inline-block;
+	padding: ( $size__spacing-unit * .5 );
 	text-align: center;
 	vertical-align: top;
 	width: 100%;
 
 	// Loops to enumerate the classes for gallery columns.
 	@for $i from 2 through 9 {
 		.gallery-columns-#{$i} & {
-			max-width: map-get( $columns, $i );
+			max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
 		}
 	}
 }
@@ -23,7 +24,6 @@
 	line-height: $font__line-height-pre;
 	margin: 0;
 	padding: ( $size__spacing-unit * .5 );
-	text-align: left;
 }
 
 .gallery-item > div > a {