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

.rich-editor {
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif, Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 16px;
    line-height: 1.8;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e7eaf1;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,37,55,.05);
    // common css start
    * {
        box-sizing: border-box;
    }
    ul, ol, li {
        list-style: none;
    }
    ul, ol, figure {
        padding: 0;
        margin: 0;
    }
    a, a:visited, a:link, a:hover, a:active {
        color: #0070c9;
        cursor: pointer;
        text-decoration: underline;
    }
    .util-clearfix {
        &:before, &:after {
            content: " ";
            display: table;
        }
        &:after {
            clear: both;
        }
    }
    // common css end
    .rich-editor-tools {
        background-color: #f7f8fa;
        padding: 8px 12px;
        line-height: 24px;
        border-bottom: 1px solid #e7eaf1;
    }
    .rich-editor-content {
        cursor: text;
        min-height: 250px;
        padding: 15px;
    }
    &.rich-editor-output {
        border: 0;
        p {
            margin: 0;
        }
    }
}
[lang]:lang(zh-CN) {
    .rich-editor {
        font-family: "Helvetica Neue", "Open Sans", "Microsoft YaHei", "微软雅黑", "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;;
    }
}