.comments-box {
    max-width: 40em;
    padding: 1em;

    .comments {
        padding-top: 1em;

        .actions {
            transition: 1s background-color;
        }
    }

    .avatar-initials {
        background-color: #FFFFFF;
    }

    .avatar-image {
        height: initial;
    }

    textarea.create-comment {
        max-height: 9em !important;
    }

    .loadmore-action.button {
        margin-top: 2em;
    }
}

.comments-box {
    max-width: 40em;
    padding: 1em;
    
    @navy: #001F3F;

    .comments {
        padding-top: 1em;
        transition: 1s background-color;
    }

    .avatar-initials {
        background-color: #FFFFFF;
    }

    .avatar-image {
        height: initial;
    }

    textarea.create-comment {
        max-height: 9em !important;
    }

    .loadmore-action.button {
        margin-top: 2em;
    }

    div[contenteditable=true] {
        background-color: @navy;
        border-radius: 3px;
        color: white;
        opacity: 0.8;
    }
}

Add styles when a comment is editable
Add styles when a comment is editable
