Mixin to change gallery container cell widths

generate_responsive_gallery.scss

// Generate responsive rules
$max-resolution: 1920px;
$cell-width: 250px; 
// actual cell width should = $cell-width ( 1 - ( 1 / ceil( [the-browser-resolution] / $cell-width ) )

@for $i from 0 to ceil($max-resolution/$cell-width) {
    $min: $i * $cell-width;
    $max: ($i + 1) * $cell-width;
    @include respond-between($min,$max) {
        $width: 100% / ($i + 1);
        .container .cell {
            width: $width;
            &:nth-child(#{$i + 1}n + 1){
                clear: both; 
            }
        }
    }
}

// Simple responsive mixin:

@mixin respond-between($min: 0px, $max: 1920px) {   
    @media only screen and (min-width: $min) and (max-width: $max) { @content; } 
}