blueprint liquid grid with scaffolding

[csbartus]

ahoy,

when i'm switching to the liquid grid the scaffolding (that nice
typography) is gone ...

--> this is fine:
@import blueprint.sass
@import blueprint/modules/scaffolding.sass
@import compass/reset.sass

+blueprint
// Remove the scaffolding when you're ready to start doing visual
design.
// Or leave it in if you're happy with how blueprint looks out-of-the-
box
+blueprint-scaffolding

--> typograhy(h1, h2, ... gone)
@import blueprint.sass
@import blueprint/modules/liquid.sass
@import blueprint/modules/scaffolding.sass
@import compass/reset.sass

+blueprint-liquid-grid
// Remove the scaffolding when you're ready to start doing visual
design.
// Or leave it in if you're happy with how blueprint looks out-of-the-
box
+blueprint-scaffolding

[Chris Eppstein]

This is a sass file from the compass examples that implements a nice looking page using the liquid layout:

http://github.com/chriseppstein/compass/blob/master/examples/blueprint_semantic/src/liquid.sass

You can see the page in action here:

http://compass-style.org/examples/blueprint_semantic/parts/liquid.html

It shows you how to pull in the blueprint typography.

Let us know if you're still stuck after examining those.

Chris

[Andrew Vit]

The blueprint-liquid-grid only includes the rules for the grid layout.
and it's meant to be added over top of +blueprint: You still need to
apply the other parts that are in +blueprint.

You should do this:

@import compass/utilities.sass
@import blueprint.sass
@import blueprint/modules/liquid.sass

+blueprint
+blueprint-liquid-grid

There are no duplicate rules, because +blueprint-grid doesn't actually
output any CSS until you use it as +container, which liquid redefines.

You can also pick and choose modules this way if you prefer, these are
all the parts which +blueprint wraps up:

+blueprint-typography(!body_selector)
+blueprint-utilities
+blueprint-liquid-grid // <= changed from default!
+blueprint-debug
+blueprint-interaction
+blueprint-form

Andrew

[csbartus]

excellent help thank you very much!