// Sizes of various elements of the page layout.
//
// All variables use !default so they can be overriden by applications in
//   app/assets/stylesheets/pwnstyles/_app_vars.scss


// Vertical grid.
$column-width: 30px !default;
$column-margin: 10px !default;

// Page elements, expressed in terms of the grid.
$page-columns: 25 !default;
$sidebar-columns: 8 !default;

$header-height: 40px !default;

// Derived quantities that can't be changed without breaking things.
$column-total: $column-width + $column-margin; 

$page-width: ($column-total * $page-columns - $column-margin);
$sidebar-width: ($column-total * $sidebar-columns - $column-margin);