diff --git a/sass/media/_galleries.scss b/sass/media/_galleries.scss index 14583479..7499e078 100644 --- a/sass/media/_galleries.scss +++ b/sass/media/_galleries.scss @@ -8,39 +8,14 @@ vertical-align: top; width: 100%; - .gallery-columns-2 & { - max-width: 50%; - } - - .gallery-columns-3 & { - max-width: 33.33%; - } - - .gallery-columns-4 & { - max-width: 25%; - } - - .gallery-columns-5 & { - max-width: 20%; - } - - .gallery-columns-6 & { - max-width: 16.66%; - } - - .gallery-columns-7 & { - max-width: 14.28%; - } - - .gallery-columns-8 & { - max-width: 12.5%; - } - - .gallery-columns-9 & { - max-width: 11.11%; + // Loops to enumerate the classes for gallery columns. + @for $i from 2 through 9 { + .gallery-columns-#{$i} { + max-width: ( 100% / $i ); + } } } .gallery-caption { display: block; -} \ No newline at end of file +} diff --git a/style.css b/style.css index 84707437..224ccf8d 100644 --- a/style.css +++ b/style.css @@ -864,7 +864,7 @@ object { } .gallery-columns-3 .gallery-item { - max-width: 33.33%; + max-width: 33.33333%; } .gallery-columns-4 .gallery-item { @@ -876,11 +876,11 @@ object { } .gallery-columns-6 .gallery-item { - max-width: 16.66%; + max-width: 16.66667%; } .gallery-columns-7 .gallery-item { - max-width: 14.28%; + max-width: 14.28571%; } .gallery-columns-8 .gallery-item { @@ -888,7 +888,7 @@ object { } .gallery-columns-9 .gallery-item { - max-width: 11.11%; + max-width: 11.11111%; } .gallery-caption {