/*
  Base debug CSS
  use setCfg('css', 'more css'); to add rules / override default
*/

@import "variablesLight";
@import "variablesDark";

.debug {

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

  font-size: var(--font-size);

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

  @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: var(--color-info-fg) solid 1px;
  }

  .fa {
    line-height: 1;  // fontAwesome normally sets this
  }

  @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";
}
