$with-wireframes: false !default;

// Wireframe
//
// Add wireframes around main layout elements. [Wireframes](http://www.boxesandarrows.com/view/html_wireframes_and_prototypes_all_gain_and_no_pain)
// are useful when prototyping a website.
//
// This design is not applied to the site unless you set the following Sass
// variable: `$with-wireframes: true;`
//
// Markup: wireframe.hbs
//
// Style guide: components.wireframe

@if $with-wireframes {

  .wireframe,
  %wireframe {
    outline: 1px solid color(border);

    @if support-legacy-browser(ie, '7') {
      .lt-ie8 & {
        // IE6/7 do not support the outline property.
        border: 1px solid color(border);
      }
    }
  }

  //
  // Drupal selectors.
  //

  .header,
  .main,
  .main-content,
  .main-navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  .footer,
  .region-bottom {
    @extend %wireframe;
  }

}
