@if $modular-debug == true {
  .debug {
    text-align: center;
    line-height: 2.5em;
    font-weight: 300;
    color: #fff;
    * {
      $border-color:rgba(255,255,255,0.25);
      box-shadow: inset 0 -2px 0 $border-color, inset 2px 0 0 $border-color;
      @include media(iphone)  {
        background-color: #2A3A48;
        color: #FAFAFF;
      }
      @include media(ipad)    {
        background-color: #3E6372;
        color: #FAFAFF;
      }
      @include media(desktop) {
        background-color: #B2D4DC;
        color: #2A3A48;
      }
      -webkit-transition: background-color 1s ease-in-out;
      -moz-transition:    background-color 1s ease-in-out;
      transition:         background-color 1s ease-in-out;
      height: 60px;
      position: relative;
      display:block;
      &:before {
        content: "class=\""attr(class)"\"";
        position: absolute;
        font-size: 13px;
        line-height:1em;
        bottom: 2px;
        right: 0;
        padding: 4px 8px;
        background-color: rgba(255,255,255,0.25);
      }
    }
  }
}