@import "~draft-js/dist/Draft.css";

.RichTextEditor {
    border: solid 1px $gray-400;
    border-radius: 2px;
    font-size: $input-font-size;

    &-button {
        margin-right: 10px;
    }

    &-buttons {
        border-bottom: solid 1px $gray-400;
        padding: 10px;
    }

    &-text-area {
        padding: 10px;
    }

    .Checkmark {
        fill: $green;
    }

    &-url {
        height: 29px;
        margin-right: 10px;
        width: 300px;
    }

    &-link-input {
        border-top: 1px solid $gray-400;
        margin-top: 10px;
        padding-top: 10px;
    }

    &-hidePlaceholder .public-DraftEditorPlaceholder-root {
        display: none;
    }

    .public-DraftEditorPlaceholder-root {
        color: $placeholder-color;
    }

    .public-DraftStyleDefault-block {
        color: $input-color;
    }
}