react-simple-wysiwyg/lib/styles.js

Simple and lightweight React WYSIWYG editor

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var styles = {
    button: {
        normal: {
            backgroundColor: 'unset',
            border: 'none',
            color: '#222',
            height: 24,
            outline: 'none',
            padding: 0,
            verticalAlign: 'top',
            width: 24,
        },
        hovered: {
            backgroundColor: '#eaeaea',
        },
        active: {
            backgroundColor: '#e0e0e0',
        },
    },
    contentEditable: {
        flex: 1,
        outline: 'none',
        padding: 5,
    },
    dropdown: {
        boxSizing: 'border-box',
        height: 20,
        marginTop: 2,
        outline: 'none',
        verticalAlign: 'top',
    },
    editor: {
        border: '1px solid #ddd',
        borderRadius: 3,
        display: 'flex',
        flexDirection: 'column',
        minHeight: 100,
    },
    separator: {
        backgroundColor: '#ddd',
        display: 'inline-block',
        height: 20,
        margin: 2,
        verticalAlign: 'top',
        width: 1,
    },
};
exports.default = styles;
//# sourceMappingURL=styles.js.map