rayelliott
/
_s
Archived
forked from mirror/_s
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge pull request #986 from josephfusco/refactor-sass 

Add DRY gallery columns to Sass files.

Closes #986
This commit is contained in:
David A. Kennedy 2017-06-22 18:07:57 -04:00 committed by GitHub
parent 1f9ad8893d ef6d0a100b
commit 339aa37d30
2 changed files with 10 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
sass/media/_galleries.scss
View File

@ -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;
}
}

8
style.css
View File

@ -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 {