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*/