Blueprint Debug

Styles for debugging your grid alignments

This file can be imported using: @import "blueprint/debug"

View the Source for this module on Github.

Mixins

View Source: Sass | SCSS 

=showgrid($image: "grid.png")
  background: image_url($image)

@mixin showgrid($image: "grid.png") {
  background: image_url($image); }
View Source: Sass | SCSS 

=blueprint-debug($grid_image: unquote("grid.png"))
  // Use this class on any column or container to see the grid.
  // TODO: prefix this with the project path.
  .showgrid
    +showgrid($grid_image)

@mixin blueprint-debug($grid_image: unquote("grid.png")) {
  // Use this class on any column or container to see the grid.
  // TODO: prefix this with the project path.
  .showgrid {
    @include showgrid($grid_image); } }