50 lines
1.7 KiB
Sass
50 lines
1.7 KiB
Sass
@import grid.sass
|
|
// The styles contained here are meant to provide for an attractive experience out of the box
|
|
// and are expected to be removed once custom visual design begins.
|
|
|
|
// The +blueprint-scaffolding mixin must be mixed into the top level of your stylesheet.
|
|
// However, you can customize the body selector if you wish to control the scope
|
|
// of this mixin. Examples:
|
|
// Apply to any page including the stylesheet:
|
|
// +blueprint-scaffolding
|
|
// Scoped by a single presentational body class:
|
|
// +blueprint-scaffolding("body.blueprint")
|
|
// Semantically:
|
|
// +blueprint-scaffolding("body#page-1, body#page-2, body.a-special-page-type")
|
|
// Alternatively, you can use the +blueprint-scaffolding-body and +blueprint-scaffolding-defaults
|
|
// mixins to construct your own semantic style rules.
|
|
|
|
=blueprint-scaffolding(!body_selector = "body")
|
|
#{!body_selector}
|
|
@if !body_selector != "body"
|
|
+blueprint-scaffolding-defaults
|
|
@if !body_selector == "body"
|
|
+blueprint-scaffolding-defaults
|
|
|
|
// The styles this mixin provides were deprecated in Blueprint 0.9 and is no longer part of the
|
|
// main scaffolding, but the mixin is still available if you want to use it.
|
|
=blueprint-scaffolding-body
|
|
margin: 1.5em 0
|
|
|
|
// Mixin +box to create a padded box inside a column.
|
|
=box
|
|
padding: 1.5em
|
|
margin-bottom: 1.5em
|
|
background: #E5ECF9
|
|
|
|
=blueprint-scaffolding-defaults
|
|
.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
|
|
form.inline
|
|
+blueprint-inline-form
|