screen.scss

@import "blueprint/reset";

$blueprint-grid-columns: 24;
$blueprint-grid-width: 30px;
$blueprint-grid-margin: 10px;


@import "blueprint";
@import "blueprint/scaffolding";

body.bp {
  @include blueprint-typography(true);
  @include blueprint-utilities;
  @include blueprint-debug;
  @include blueprint-interaction; }

@include blueprint-scaffolding("body.bp");

form.bp {
  @include blueprint-form; }

body.two-col {
  #container {
    @include container; }
  #header, #footer {
    @include column($blueprint-grid-columns); }
  #sidebar {
    $sidebar-columns: 8;
    @include column($sidebar-columns); }
  #content {
    $content-columns: 16;
    // true means it's the last column in the row
    @include column($content-columns, true); } }