39 lines
1.2 KiB
SCSS
39 lines
1.2 KiB
SCSS
|
@import "blueprint/colors";
|
||
|
|
@import "blueprint/grid";
|
||
|
|
@import "blueprint/typography";
|
||
|
|
@import "blueprint/utilities";
|
||
|
|
@import "blueprint/form";
|
||
|
|
@import "blueprint/interaction";
|
||
|
|
@import "blueprint/debug";
|
||
|
|
@import "blueprint/print";
|
||
|
|
@import "blueprint/ie";
|
||
|
|
|
||
|
|
// ### Usage examples:
|
||
|
|
//
|
||
|
|
// As a top-level mixin, apply to any page that includes the stylesheet:
|
||
|
|
// +blueprint
|
||
|
|
//
|
||
|
|
// Scoped by a presentational class:
|
||
|
|
// body.blueprint
|
||
|
|
// +blueprint(true)
|
||
|
|
//
|
||
|
|
// Scoped by semantic selectors:
|
||
|
|
// body#page-1, body#page-2, body.a-special-page-type
|
||
|
|
// +blueprint(true)
|
||
|
|
//
|
||
|
|
// #### Deprecated:
|
||
|
|
// You use to be able to pass the body selector as the first argument when used as a top-level mixin
|
||
|
|
// +blueprint("body#page-1, body#page-2, body.a-special-page-type")
|
||
|
|
|
||
|
|
@mixin blueprint($body_selector: body) {
|
||
|
|
//@doc off
|
||
|
|
@if not ($body_selector == "body" or $body_selector == true) {
|
||
|
|
@warn "[DEPRECATED] To specify a the selector \"#{$body_selector}\" to +blueprint, pass true as the first argument and mix it into #{$body_selector}."; }
|
||
|
|
//@doc on
|
||
|
|
@include blueprint-typography($body_selector);
|
||
|
|
@include blueprint-utilities;
|
||
|
|
@include blueprint-grid;
|
||
|
|
@include blueprint-debug;
|
||
|
|
@include blueprint-interaction;
|
||
|
|
@include blueprint-form; }
|