WordPress Gallery mixin example

wp-gallery-mixin.scss

/* 
* stop(); Bourbon Time
* Bourbon-Neat smiple mixin for WordPress Gallery
* Extend to your needs - lets('bourbon').start();
* damir created this for alex
*/

$gallery-column-checker : (1, 2, 3, 4, 6, 8, 12, 24);
.gallery {
  @include row();
  @each $columns-option in $gallery-column-checker {
    &.gallery-columns-#{$columns-option} > .gallery-item {
      @include span-columns( (24/$columns-option) );
      &:nth-child(#{$columns-option}n) {
        margin-right: 0;
      }
      &:nth-child(#{$columns-option}n+1) {
        clear: both;
      }
    }
  }  
}