@import '../../styles';

.jse-value {
  &.jse-string {
    color: var(--jse-value-color-string);
  }

  &.jse-object,
  &.jse-array {
    min-width: 16px;
    color: var(--jse-delimiter-color);
  }

  &.jse-number {
    color: var(--jse-value-color-number);
  }

  &.jse-boolean {
    color: var(--jse-value-color-boolean);
  }

  &.jse-null {
    color: var(--jse-value-color-null);
  }

  &.jse-invalid {
    color: var(--jse-text-color);
  }

  &.jse-url {
    color: var(--jse-value-color-url);
    text-decoration: underline;
  }
}