guify/src/components/public/display.css

A simple GUI for inspecting and changing JS variables

@import "../variables.css";

.guify-display {
    display: inline-block;
    height: unset;
    min-height: var(--size-component-height);
    width: calc(100% - var(--size-label-width));
    border: none;
    color: var(--color-text-secondary);
    font-family: inherit;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    vertical-align: sub;
    line-height: 1rem;
    user-select: text;
}

.disabled .guify-display {
    color: var(--color-text-disabled);
}