Skip to content

Instantly share code, notes, and snippets.

@embolden
Created June 9, 2016 21:06
Show Gist options
  • Save embolden/2c3ff9f1d429ed8460e1316bad4d8d30 to your computer and use it in GitHub Desktop.
Save embolden/2c3ff9f1d429ed8460e1316bad4d8d30 to your computer and use it in GitHub Desktop.
.site-content {
@include clearfix();
@include display(flex);
@include flex-direction(row);
@include flex-wrap(nowrap);
@include justify-content(center);
@include align-items(flex-start);
@include align-content(flex-start);
}
.content-area {
@include flex(0 1 auto);
@include span-columns(9);
float: none; // Shame
max-width: $max-width * (strip-units(flex-grid(9, 12)) / 100);
}
.widget-area {
@include flex(0 1 auto);
@include span-columns(3);
float: none; // Shame
max-width: $max-width * (strip-units(flex-grid(3, 12)) / 100);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment