editableArea.scss

TLDR

This file contains SCSS code defining styles for an editable area widget.

Classes

EditableAreaWrap

The EditableAreaWrap class represents the container element for the editable area widget. It sets the width to 100% of its parent element.

EditableArea

The EditableArea class applies styles to the editable area element. It disables the resizing of the element.

EditableAreaContainer

The EditableAreaContainer class is used to define the container element that holds the editable area. It sets the initial height to 0 and applies the overflow: hidden property to hide the overflow contents.

EditableAreaReference

The EditableAreaReference class is applied to the reference element of the editable area. It sets the height to auto and the width to 100%.

.EditableAreaWrap {
    width: 100%;
}

.EditableArea {
    resize: none;
}

.EditableAreaContainer {
    height: 0;
    overflow: hidden;
}

.EditableAreaReference {
    height: auto;
    width: 100%;
}