bkdotcom/PHPDebugConsole

View on GitHub
src/Debug/scss/Debug.scss

Summary

Maintainability
Test Coverage
/*
  Base debug CSS
  use setCfg('css', 'more css'); to add rules / override default
*/
.debug {

  $font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  $font-family-numeric: Courier New, monospace, Ariel;

  $color-white: #fff;
  $default-fg: #111;

  $secondary-bg: #666;
  $secondary-fg: #fff;
  $info-bg: #d9edf7;
  $info-fg: #31708f;
  $error-bg: #ffbaba;
  $error-fg: #d8000c;
  $success-bg: #dff0d8;
  $success-fg: #3c763d;
  $warn-bg: #fefbe5;
  $warn-fg: #8a6d3b;

  $color-header: purple;

  $grey-text: #6e6e6e;
  $lite-grey: #f3f3f3;
  // $text-muted: #777;
  $border-color: #d0d0d0;
  $lite-blue: #dde6f0;

  $color-tab-assert-border: #da8585;
  $color-tab-warn-border: #e4cb0f;
  $color-tab-error-border: #f00;
  $color-tab-active-border: #4071e1;

  $font-size: 13px;

  font-size: $font-size;

  @import "base";

  ul {
    &.debug-log-summary {
      /*
      margin-bottom: 0.75em;
      &:empty {
        margin-bottom: 0;
      }
      */
      + hr {
        border-top: 1px dotted;
        background-color: transparent;
        margin: .5em 0;
      }
    }
  }

  .tab-pane > * > .group-body,
  .m_groupSummary > ul {
    // m_groupSummary isn't generated by html plugin
    //   it is generated with the WAMP client
    list-style: none;
    margin-left: 0;
    border-left: 0;
    padding-left: 0;
  }

  // specific log entry created in Output to separate entries occurring after shutdown
  li.php-shutdown {
    display: block;
    border-bottom: $info-fg solid 1px;
  }

  .fa {
    line-height: 1;  // fontAwesome sets this, but our debug
  }

  @import "alerts";
  @import "tabs";
  @import "arrayAndObject";
  @import "methods";
  @import "table";
  @import "tokens";
  @import "drawer";
  @import "debugMenuBar";
  @import "optionsDropdown";
  @import "sidebar";
  @import "script"; // misc css only applicable when javascript enhanced
  @import "misc";
  @import "tippy";
  @import "utilities";
}