label.scss

TLDR

The label.scss file contains styles for a label widget.

.Label {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    margin: 4px 4px 0 0;
    border-radius: 3px;
    line-height: 20px;
    color: rgba(var(--center-channel-color-rgb), 0.8);
    white-space: nowrap;
    text-transform: uppercase;
    overflow: hidden;
    font-weight: 600;
    font-size: 13px;
    max-width: 100%;

    &.empty {
        color: rgba(var(--center-channel-color-rgb), 0.4);
        padding: 1px;
        text-transform: none;
        font-weight: normal;
    }

    input {
        line-height: 20px;
        color: rgba(var(--center-channel-color-rgb), 0.8);
        font-weight: 600;
        font-size: 13px;
    }
}