// Susy Settings
$container: 90%;
$gutter-width: <%= data.layout.susy.gutter_width %>;
$column-width: <%= data.layout.susy.column_width %>;

$columns: <%= data.layout.susy.total_columns %>;
$gutters: 1/3;
$gutter-placement: inside;



// Breakpoint Settings
$breakpoint-to-ems: true;
<% data.layout.resolutions.each_with_index do |resolution, index| %>
$<%= resolution.target %>: <%= resolution.width %>px;
$<%= resolution.target %>-grid: "(<%= index %> * 2) ($column-width $gutter-width) inside fluid";
<% end %>



// Misc
$border-radius: .25em;
$sticky-contentinfo-height: rhythm(6);

@mixin square($size: $column-width) {
  width:  $size;
  height: $size;
}