2009-06-21 09:31:25 +00:00
|
|
|
// This import applies a global reset to any page that imports this stylesheet.
|
2010-04-11 09:24:24 +00:00
|
|
|
@import blueprint/reset
|
2009-06-21 09:31:25 +00:00
|
|
|
// To configure blueprint, edit the partials/base.sass file.
|
2010-04-11 09:24:24 +00:00
|
|
|
@import partials/base
|
2009-06-21 09:31:25 +00:00
|
|
|
// Import all the default blueprint modules so that we can access their mixins.
|
|
|
|
@import blueprint
|
|
|
|
// Import the non-default scaffolding module.
|
2010-04-11 09:24:24 +00:00
|
|
|
@import blueprint/scaffolding
|
2009-06-21 09:31:25 +00:00
|
|
|
|
|
|
|
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
|
|
|
// +blueprint
|
|
|
|
|
|
|
|
//Recommended Blueprint configuration with scoping and semantic layout:
|
2009-08-10 03:23:59 +00:00
|
|
|
+blueprint-scaffolding("body.bp")
|
2009-06-21 09:31:25 +00:00
|
|
|
body.bp
|
2009-07-11 18:08:04 +00:00
|
|
|
+blueprint-typography(true)
|
2009-06-21 09:31:25 +00:00
|
|
|
+blueprint-utilities
|
|
|
|
+blueprint-debug
|
|
|
|
+blueprint-interaction
|
|
|
|
// 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
|
|
|
|
form.bp
|
|
|
|
+blueprint-form
|
2008-08-23 17:00:46 +00:00
|
|
|
|
2009-06-21 09:31:25 +00:00
|
|
|
// Page layout can be done using mixins applied to your semantic classes and IDs:
|
2010-01-21 18:20:55 +00:00
|
|
|
body.two-col
|
2009-06-21 09:31:25 +00:00
|
|
|
#container
|
|
|
|
+container
|
|
|
|
#header, #footer
|
2010-05-09 01:18:47 +00:00
|
|
|
+column($blueprint-grid-columns)
|
2009-06-21 09:31:25 +00:00
|
|
|
#sidebar
|
|
|
|
// One third of the grid columns, rounding down. With 24 cols, this is 8.
|
2010-05-09 01:18:47 +00:00
|
|
|
$sidebar-columns: floor($blueprint-grid-columns / 3)
|
|
|
|
+column($sidebar-columns)
|
2009-06-21 09:31:25 +00:00
|
|
|
#content
|
|
|
|
// Two thirds of the grid columns, rounding up.
|
|
|
|
// With 24 cols, this is 16.
|
2010-05-09 01:18:47 +00:00
|
|
|
$content-columns: ceil(2 * $blueprint-grid-columns / 3)
|
2009-06-21 09:31:25 +00:00
|
|
|
// true means it's the last column in the row
|
2010-05-09 01:18:47 +00:00
|
|
|
+column($content-columns, true)
|
|
|
|
|
2009-08-17 01:24:16 +00:00
|
|
|
|