react-zen-editor/dist/components/styles.d.ts

A modern, feature-rich WYSIWYG editor for React with Korean/English support

export declare const editorStyles = "\n  .editor-content h1,\n  .editor-content h1 *,\n  .editor-content h1[style] {\n    font-size: 2rem !important;\n    font-weight: bold !important;\n    margin: 1rem 0 0.5rem 0 !important;\n    line-height: 1.2 !important;\n    color: #1a202c !important;\n    display: block !important;\n  }\n  .editor-content h2,\n  .editor-content h2 *,\n  .editor-content h2[style] {\n    font-size: 1.5rem !important;\n    font-weight: bold !important;\n    margin: 0.875rem 0 0.5rem 0 !important;\n    line-height: 1.3 !important;\n    color: #2d3748 !important;\n    display: block !important;\n  }\n  .editor-content h3,\n  .editor-content h3 *,\n  .editor-content h3[style] {\n    font-size: 1.25rem !important;\n    font-weight: bold !important;\n    margin: 0.75rem 0 0.5rem 0 !important;\n    line-height: 1.4 !important;\n    color: #4a5568 !important;\n    display: block !important;\n  }\n  .editor-content p {\n    margin: 0.5rem 0;\n    line-height: 1.6;\n  }\n  .editor-content ul,\n  .editor-content ul[style] {\n    margin: 0.5rem 0 !important;\n    padding-left: 1.5rem !important;\n    list-style-type: disc !important;\n    display: block !important;\n  }\n  .editor-content ol,\n  .editor-content ol[style] {\n    margin: 0.5rem 0 !important;\n    padding-left: 1.5rem !important;\n    list-style-type: decimal !important;\n    display: block !important;\n  }\n  .editor-content li,\n  .editor-content li[style] {\n    margin: 0.25rem 0 !important;\n    line-height: 1.5 !important;\n    display: list-item !important;\n  }\n  .editor-content ul ul {\n    list-style-type: circle;\n    margin: 0.25rem 0;\n  }\n  .editor-content ol ol {\n    list-style-type: lower-alpha;\n    margin: 0.25rem 0;\n  }\n  .editor-content strong {\n    font-weight: bold;\n  }\n  .editor-content em {\n    font-style: italic;\n  }\n  .editor-content u {\n    text-decoration: underline;\n  }\n  .editor-content blockquote {\n    border-left: 4px solid #e2e8f0;\n    padding-left: 1rem;\n    margin: 1rem 0;\n    color: #4a5568;\n    font-style: italic;\n  }\n  .editor-content code {\n    background-color: #f7fafc;\n    padding: 0.125rem 0.25rem;\n    border-radius: 0.25rem;\n    font-family: 'Courier New', monospace;\n    font-size: 0.875rem;\n  }\n  .editor-content pre {\n    background-color: #f7fafc;\n    padding: 1rem;\n    border-radius: 0.5rem;\n    overflow-x: auto;\n    margin: 1rem 0;\n  }\n  .editor-content a {\n    color: #1d4ed8;\n    text-decoration: underline;\n    cursor: pointer;\n  }\n  .editor-content a:hover {\n    color: #1e40af;\n    text-decoration: underline;\n  }\n  .editor-content a:visited {\n    color: #7c3aed;\n  }\n  .editor-content iframe {\n    border: 1px solid #e2e8f0;\n    border-radius: 0.5rem;\n  }\n  .editor-content video {\n    border: 1px solid #e2e8f0;\n    border-radius: 0.5rem;\n  }\n  .editor-content img {\n    border-radius: 0.5rem;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  }\n  /* \uAE00\uC790 \uD06C\uAE30 \uC2A4\uD0C0\uC77C */\n  .editor-content font[size=\"1\"] {\n    font-size: 10px;\n  }\n  .editor-content font[size=\"2\"] {\n    font-size: 13px;\n  }\n  .editor-content font[size=\"3\"] {\n    font-size: 16px;\n  }\n  .editor-content font[size=\"4\"] {\n    font-size: 18px;\n  }\n  .editor-content font[size=\"5\"] {\n    font-size: 24px;\n  }\n  .editor-content font[size=\"6\"] {\n    font-size: 32px;\n  }\n  .editor-content font[size=\"7\"] {\n    font-size: 48px;\n  }\n  /* \uAE30\uBCF8 \uC815\uB82C \uC2A4\uD0C0\uC77C - text-align\uC774 \uC5C6\uB294 \uACBD\uC6B0 \uC67C\uCABD \uC815\uB82C */\n  .editor-content p,\n  .editor-content div {\n    text-align: left;\n  }\n  .editor-content h1,\n  .editor-content h2,\n  .editor-content h3 {\n    text-align: left;\n    margin-bottom: 0.5rem;\n  }\n  /* \uBA85\uC2DC\uC801 \uC815\uB82C \uC2A4\uD0C0\uC77C */\n  .editor-content [style*=\"text-align: center\"] {\n    text-align: center !important;\n  }\n  .editor-content [style*=\"text-align: right\"] {\n    text-align: right !important;\n  }\n  .editor-content [style*=\"text-align: left\"] {\n    text-align: left !important;\n  }\n  /* \uD3EC\uCEE4\uC2A4 \uC2DC \uC544\uC6C3\uB77C\uC778 \uC81C\uAC70 */\n  .editor-content:focus {\n    outline: none;\n  }\n  /* \uBE48 \uD0DC\uADF8\uC5D0 \uB300\uD55C \uCD5C\uC18C \uB192\uC774 */\n  .editor-content p:empty::before {\n    content: \"\\00a0\";\n    color: transparent;\n  }\n  .editor-content div:empty::before {\n    content: \"\\00a0\";\n    color: transparent;\n  }\n";
//# sourceMappingURL=styles.d.ts.map