.editor {
    background-color: $color-white;
    border: 1px solid $color-editor-chrome;
    border-radius: $editor-border-radius;
    color: $color-grey;
}

.DraftEditor-editorContainer {
    .editor--readonly & {
        &:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: $overlay-z-index;
            background-color: rgba(255, 255, 255, 0.8);
        }
    }
}

.public-DraftEditor-content,
.public-DraftEditorPlaceholder-root {
    padding: $editor-spacing;
    font-size: 1rem;
    line-height: 1.5;
    font-family: sans-serif;
}

.public-DraftEditorPlaceholder-root {
    .editor--hide-placeholder & {
        display: none;
    }
}

// Remove default margins on atomic blocks because of the figure element.
.public-DraftEditor-content > * > figure {
    margin: 0;
}

.RichEditor-link {
    background: $color-light-blue;
    border-bottom: 1px dotted $color-teal;
    cursor: pointer;

    .icon {
        color: $color-teal;
    }
}

.editor {
    background-color: $color-white;
    border: 1px solid $color-editor-chrome;
    border-radius: $editor-border-radius;
    color: $color-grey;
}

.DraftEditor-editorContainer {
    .editor--readonly & {
        &:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: $overlay-z-index;
            background-color: rgba(255, 255, 255, 0.8);
        }
    }
}

.public-DraftEditor-content,
.public-DraftEditorPlaceholder-root {
    padding: $editor-spacing;
    font-size: 1rem;
    line-height: 1.5;
    font-family: sans-serif;
    // Ligatures can make cursor behavior harder to understand.
    font-variant-ligatures: none;
}

.public-DraftEditorPlaceholder-root {
    .editor--hide-placeholder & {
        display: none;
    }
}

// Remove default margins on atomic blocks because of the figure element.
.public-DraftEditor-content > * > figure {
    margin: 0;
}

.RichEditor-link {
    background: $color-light-blue;
    border-bottom: 1px dotted $color-teal;
    cursor: pointer;

    .icon {
        color: $color-teal;
    }
}

Disable ligatures within the editor
Disable ligatures within the editor
