nordicmaterial2
11/3/2015 - 4:20 PM

SUSY grids setup

SUSY grids setup

// more info: http://www.smashingmagazine.com/2015/07/smarter-grids-with-sass-and-susy/
// nested grids via deze link: http://www.zell-weekeat.com/susy2-tutorial/
// ga naar SASS file voor grids etc, vb _grid-page.scss

// SUSY GRIDS importeren

@import "susy";

// Susy default global settings

$susy: (
  	columns: 12,
  	gutters: 2/5,
  	global-box-sizing: border-box,
  	debug: (image: show)
  );
  
  
  
// Gebruik dit voor sidebars:

/*SIDEBARS*/

.sidebar-right .column_main { 
	@include span(8);
}

.sidebar-right .sidebar_R { 
	@include span(4 last);
}

// Use gutter as bottom margin:

header, article, aside {
  margin-bottom: gutter();
}


// GEBRUIK DIT VOOR RESPONSIVE GRID GALLERIES:
@media only screen and (min-width: 1070px) {

ul.gallery {
  padding: span(1 of 8);
  list-style: none;
}
    
.gallery li {
  @include gallery(2 of 6);
  margin-bottom: gutter(6);
  
  &:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
}

} /*end media*/