Trying to import the Blueprint grid.

@import "blueprint/grid";'

...and it does not seem to be importing. Getting 'SassContextException: Undefined Mixin: column' errors when trying to include any grid elements. I've successfully used the 960 grid and other Compass imports but having problems with any Blueprint imports.

This is basically my setup.

$blueprint_grid_columns: 24;
$blueprint_grid_width: 30px;
$blueprint_grid_margin: 10px;

// Sidebars widths
$sidebar-first: [sidebar-first];
$sidebar-second: [sidebar-second];

@import "blueprint/grid";

// Sidebars
#sidebar-first {
@include column(3);
}

Comments

tsi’s picture

tsi commented

What if you simply @import "blueprint";

Brian Toombs’s picture

Brian Toombs commented

Tried some more testing using various paths. Still no luck. Although I do not get an error that the file was not found. Just that it was an undefined mixin. Which would make me think my syntax is off, but as far as I can tell the syntax I'm using is correct.

Can you think of any other way to check if a partial is getting loaded properly other than just trying to use a mixin?

tsi’s picture

tsi commented

This actually works fine for me.
If I do:

@import "blueprint/grid";

#sidebar-second {
  @include column(3);
}

(On a fresh sasson sub-theme)
I get :

#sidebar-second {
  display: inline;
  float: left;
  margin-right: 10px;
  width: 110px;
}
Can you think of any other way to check if a partial is getting loaded properly other than just trying to use a mixin?

yes, put body {background: crimson;} in it, or something.

tsi’s picture

tsi commented
Status: Active » Closed (cannot reproduce)