editor.scss

TLDR

This file defines the styling for the 'Editor' component in the Demo Projects project.

Classes

.Editor

Defines the overall styling for the 'Editor' component. It sets the margin, color, and background color. It also contains specific styling rules for the child elements.

.RootInput

Defines styling for the 'RootInput' component within the 'Editor' component. It sets the display value to 'block'.

END

.Editor {
    margin-left: 50px;
    color: rgb(var(--center-channel-color-rgb));
    background-color: rgb(var(--center-channel-bg-rgb));

    .RootInput {
        display: block;
    }

    &.with-content-type {
        .RootInput {
            display: none;
        }
    }

    input {
        width: 100%;
        border: 1px solid hsl(0, 0%, 80%);
        border-radius: 4px;
        padding: 3px 6px;
        outline: 0;

        &:focus {
            border: 2px solid #2684ff;
        }
    }
}