diff --git a/examples/blueprint_default/stylesheets/screen.sass b/examples/blueprint_default/stylesheets/screen.sass index c48d54c9..54ce845d 100644 --- a/examples/blueprint_default/stylesheets/screen.sass +++ b/examples/blueprint_default/stylesheets/screen.sass @@ -2,8 +2,7 @@ @import blueprint/modules/scaffolding.sass @import compass/reset.sass -body - +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 ++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 diff --git a/examples/blueprint_plugins/stylesheets/screen.sass b/examples/blueprint_plugins/stylesheets/screen.sass index 8cc3aca5..aef8bdc7 100644 --- a/examples/blueprint_plugins/stylesheets/screen.sass +++ b/examples/blueprint_plugins/stylesheets/screen.sass @@ -3,9 +3,9 @@ @import blueprint/modules/scaffolding.sass @import compass/reset.sass -body - +blueprint - +fancy-type - // 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 + ++blueprint ++fancy-type +// 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 diff --git a/examples/blueprint_scoped/stylesheets/screen.sass b/examples/blueprint_scoped/stylesheets/screen.sass index 8450dfcc..902e5447 100644 --- a/examples/blueprint_scoped/stylesheets/screen.sass +++ b/examples/blueprint_scoped/stylesheets/screen.sass @@ -1,5 +1,4 @@ @import blueprint/screen.sass @import compass/reset.sass -body.bp - +blueprint \ No newline at end of file ++blueprint("body.bp") \ No newline at end of file diff --git a/examples/blueprint_scoped_form/stylesheets/screen.sass b/examples/blueprint_scoped_form/stylesheets/screen.sass index bda812ac..19479116 100644 --- a/examples/blueprint_scoped_form/stylesheets/screen.sass +++ b/examples/blueprint_scoped_form/stylesheets/screen.sass @@ -1,9 +1,8 @@ @import blueprint/screen.sass @import compass/reset.sass -body - +blueprint-grid - +blueprint-typography - +blueprint-utilities - form.blueprint - +blueprint-form ++blueprint-grid ++blueprint-typography ++blueprint-utilities +form.blueprint + +blueprint-form diff --git a/examples/blueprint_semantic/stylesheets/screen.sass b/examples/blueprint_semantic/stylesheets/screen.sass index d56fd61f..970ad492 100644 --- a/examples/blueprint_semantic/stylesheets/screen.sass +++ b/examples/blueprint_semantic/stylesheets/screen.sass @@ -6,17 +6,19 @@ .container +container ++blueprint-typography("body.blueprint") + body.blueprint - +blueprint-typography - html & - +body-margins - hr - +colruler - hr.space - +colspacer - img#w3c - :margin-top 0 - :padding-top 0 + +body-margins + +hr + +colruler +hr.space + +colspacer + +img#w3c + :margin-top 0 + :padding-top 0 body#index #page-header diff --git a/frameworks/blueprint/stylesheets/blueprint/_screen.sass b/frameworks/blueprint/stylesheets/blueprint/_screen.sass index 97de7b66..3ffa22d4 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_screen.sass +++ b/frameworks/blueprint/stylesheets/blueprint/_screen.sass @@ -6,9 +6,9 @@ @import modules/interaction.sass @import modules/debug.sass -=blueprint +=blueprint(!body_selector = "body") +blueprint-grid - +blueprint-typography + +blueprint-typography(!body_selector) +blueprint-utilities +blueprint-debug +blueprint-interaction diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass index cf56be4c..60201971 100644 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass +++ b/frameworks/blueprint/stylesheets/blueprint/modules/_scaffolding.sass @@ -12,18 +12,18 @@ :margin-bottom 1.5em :background #E5ECF9 -=blueprint-scaffolding - html & +=blueprint-scaffolding(!body_selector = "body") + #{!body_selector} +body-margins - .box - +box - // Border on right hand side of a column. You can comment this out if you don't plan to use it. - div.border - +border - // Border with more whitespace, spans one column. - div.colborder - +colborder - hr - +colruler - hr.space - +colspacer \ No newline at end of file + .box + +box + // Border on right hand side of a column. You can comment this out if you don't plan to use it. + div.border + +border + // Border with more whitespace, spans one column. + div.colborder + +colborder + hr + +colruler + hr.space + +colspacer diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass index 091a9308..bd5bf260 100644 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass +++ b/frameworks/blueprint/stylesheets/blueprint/modules/_typography.sass @@ -22,9 +22,10 @@ =loud :color= !loud_color -=blueprint-typography - +normal-text - :font-size 75% +=blueprint-typography(!body_selector = "body") + #{!body_selector} + +normal-text + :font-size 75% h1 +header-text :font-size 3em diff --git a/frameworks/blueprint/templates/project/screen.sass b/frameworks/blueprint/templates/project/screen.sass index c48d54c9..54ce845d 100644 --- a/frameworks/blueprint/templates/project/screen.sass +++ b/frameworks/blueprint/templates/project/screen.sass @@ -2,8 +2,7 @@ @import blueprint/modules/scaffolding.sass @import compass/reset.sass -body - +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 ++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