@import "debugger/variables";

/**
 Orginal Style from http://tracy.nette.org (c) 2004 David Grudl <http://davidgrudl.com>
*/

/* toggle */
.koowa-collapsed {
  display: none;
}

.koowa-toggle {
  cursor: pointer;
  border-bottom: 1px dotted #bbb;

  &:after {
    content: " ▼";
    font-size: 10px;
    color: #888;
  }
}

.koowa-toggle.koowa-collapsed {
  display: inline;

  &:after {
    content: " ►";
  }
}

/* dump */
.arguments_wrapper {
  max-width: 100%;
  overflow: auto;
  white-space: nowrap !important;

  pre.arguments {
    text-align: left;
    background: white;
    color: #555;
    line-height: 1.5em;
    white-space: nowrap !important;

    div {
      padding-left: 3ex;

      div {
        border-left: 1px solid rgba(0, 0, 0, .1);
        margin-left: .5ex;
      }
    }
  }
}

.koowa-dump-array,
.koowa-dump-object {
  color: $red;
}

.koowa-dump-string {
  color: $blue;
}

.koowa-dump-number {
  color: $green;
}

.koowa-dump-null,
.koowa-dump-bool {
  color: $yellow;
}

.koowa-dump-visibility,
.koowa-dump-hash {
  font-size: 85%;
  color: $base00;
}

.koowa-dump-indent {
  display: none;
}

// New lines for the dumps
.koowa-dump-key {
  &:before {
    display: block;
    content: " ";
    width: 100%;
    height: 0;
    overflow: hidden;
  }
}