like-keditor
Version:
A powerful, extensible, and customizable rich-text editor built on top of [Yoopta](https://yoopta.dev) - [Yoopta Docs](https://yoodocs.space). Comes with built-in support for images, videos, files, markdown export, and more!
1 lines • 10.4 kB
Source Map (JSON)
{"version":3,"sources":["../src/components/editor.css","../src/components/render.css"],"sourcesContent":["/* editor */\n.yoopta-editor{\n width: 100% !important;\n min-width: 300px !important;\n min-height: 300px !important;\n}\n\n\n/* placeholder */\n.yoopta-placeholder[data-placeholder]::after {\n font-size: 1rem !important;\n color: #6B7280 !important;\n margin: 0 !important;\n padding: 0 !important;\n}\n\n/* left side action buttons */\n\n.yoopta-block-actions-plus {\n height: 2rem !important;\n width: 2rem !important;\n border-radius: 2rem !important;\n border: 1px solid #6B7280 !important;\n margin-top: -4px !important;\n}\n\n.yoopta-block-actions-plus svg {\n color:#6B7280 !important;\n}\n\n.yoopta-block-actions-plus:hover {\n background-color: #FFFFFF !important;\n cursor: pointer;\n}\n\n.yoopta-block-actions-drag {\n height: 2rem !important;\n border-radius:8px !important;\n margin-top: -4px !important;\n\n}\n\n.yoopta-block-actions-drag svg {\n color:#6B7280 !important;\n}\n.yoopta-block-actions-drag:hover {\n background-color: rgba(0, 0, 0, 0.03) !important;\n cursor: grab;\n}\n\n.yoopta-block-action-buttons {\n gap: 0.5rem !important;\n\n}\n\n\n/* toolbar */\n\n.yoopta-toolbar-root {\n background-color: #FFFFFF !important;\n border-radius: .75rem !important;\n border: 1px solid rgba(0, 0, 0, 0.03) !important;\n padding: 1px !important;\n shadow: none !important;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n}\n\n.yoopta-toolbar-root .yoopta-toolbar-group {\n margin: 0px !important;\n padding: 0px !important;\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n}\n\n.yoopta-toolbar-root .yoopta-toolbar-separator {\n margin: 0px !important;\n display: none !important;\n}\n\n.yoopta-toolbar-root .yoopta-toolbar-group button {\n background-color: #FFFFFF !important;\n height: 2.5rem !important;\n border-radius: 0.5rem !important;\n padding: 8px 12px !important;\n font-size: 0.875rem\n}\n\n.yoopta-toolbar-root .yoopta-toolbar-group button[aria-pressed=\"true\"] {\n background-color: rgba(0, 0, 0, 0.03) !important;\n color: #27272A !important;\n}\n\n.yoopta-toolbar-root .yoopta-toolbar-group button:hover {\n background-color: rgba(0, 0, 0, 0.03) !important;\n cursor: pointer;\n}\n\n.yoopta-toolbar-root .yoopta-toolbar-group .button yoopta-toolbar-color-text {\n background-color: #FFFFFF !important;\n}\n\n.yoo-toolbar-z-50 div {\n border-radius: 0.5rem !important;\n padding: 0.5rem !important;\n}\n\n.yoo-toolbar-z-50 div div button {\n border-radius: 0.3rem !important;\n padding: 8px 12px !important;\n font-size: .875rem;\n color: #27272A !important;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n\n.yoo-toolbar-z-50 div .yoo-toolbar-grid {\n margin: 0 !important;\n}\n.yoo-toolbar-z-50 div .yoo-toolbar-border-t {\n border-top: none !important;\n}\n.yoo-toolbar-z-50 div .yoo-toolbar-border-t .yoo-toolbar-mt-2 {\n margin: 0 !important;\n padding: 8px 0px !important;\n}\n\n.yoo-toolbar-z-50 div .yoo-toolbar-border-t .yoo-toolbar-mt-2 .react-colorful {\n display: flex !important;\n flex-direction: column !important;\n gap: 1rem !important;\n padding: 0 !important;\n}\n\n/* element tag */\n.yoopta-paragraph {\n margin: 0 !important;\n} \n\n.yoopta-link-tool .yoo-link-tool-bg-\\[\\#1183ff\\] {\n border-radius: 0.5rem !important;\n background-color:rgb(0, 0, 0) !important;\n min-width: 60px !important;\n padding: .5rem .75rem !important\n}\n\n.yoopta-extended-block-actions{\n height: 2rem !important;\n width: 2rem !important;\n border-radius: 2rem !important;\n background-color: #FFFFFF !important;\n border: 1px solid #6B7280 !important;\n padding: 0px !important; \n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n}\n\n::selection {\n background-color: rgba(0, 0, 0, 0.15); /* adjust as needed */\n}","\n#details-container-TdaSo6fg2z *,\n#details-container-TdaSo6fg2z *::before,\n#details-container-TdaSo6fg2z *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n outline: none;\n transition: all 0.2s ease;\n}\n\n#details-container-TdaSo6fg2z h1,\n#details-container-TdaSo6fg2z h2,\n#details-container-TdaSo6fg2z h3,\n#details-container-TdaSo6fg2z h4,\n#details-container-TdaSo6fg2z h5,\n#details-container-TdaSo6fg2z h6 {\n font-weight: 600;\n line-height: 1.25;\n margin-bottom: 0.75rem;\n}\n\n#details-container-TdaSo6fg2z h1 { font-size: 2.25rem; }\n#details-container-TdaSo6fg2z h2 { font-size: 1.875rem; }\n#details-container-TdaSo6fg2z h3 { font-size: 1.5rem; }\n#details-container-TdaSo6fg2z h4 { font-size: 1.25rem; }\n#details-container-TdaSo6fg2z h5 { font-size: 1.125rem; }\n#details-container-TdaSo6fg2z h6 { font-size: 1rem; }\n\n#details-container-TdaSo6fg2z p {\n margin-bottom: 1rem;\n}\n\n#details-container-TdaSo6fg2z a {\n text-decoration: none;\n font-weight: 500;\n}\n#details-container-TdaSo6fg2z a:hover {\n text-decoration: underline;\n}\n\n#details-container-TdaSo6fg2z ul,\n#details-container-TdaSo6fg2z ol {\n padding-left: 1.5rem;\n margin-bottom: 1rem;\n}\n\n#details-container-TdaSo6fg2z li {\n margin-bottom: 0.5rem;\n}\n\n#details-container-TdaSo6fg2z img {\n max-width: 100%;\n border-radius: 0.5rem;\n margin: 1rem 0;\n}\n\n#details-container-TdaSo6fg2z blockquote {\n border-left: 4px solid hsl(221.2, 83.2%, 53.3%);\n padding-left: 1rem;\n margin: 1rem 0;\n font-style: italic;\n border-radius: 0.25rem;\n}\n\n#details-container-TdaSo6fg2z pre,\n#details-container-TdaSo6fg2z code {\n font-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n font-size: 0.95rem;\n border-radius: 0.375rem;\n padding: 0.25rem 0.5rem;\n overflow-x: auto;\n}\n\n#details-container-TdaSo6fg2z table {\n width: 100%;\n border-collapse: collapse;\n margin: 1rem 0;\n font-size: 0.95rem;\n}\n\n#details-container-TdaSo6fg2z th,\n#details-container-TdaSo6fg2z td {\n border: 1px solid hsl(214.3, 31.8%, 91.4%);\n padding: 0.75rem 1rem;\n text-align: left;\n}\n\n#details-container-TdaSo6fg2z th {\n font-weight: 600;\n}\n\n#details-container-TdaSo6fg2z input,\n#details-container-TdaSo6fg2z select,\n#details-container-TdaSo6fg2z textarea,\n#details-container-TdaSo6fg2z button {\n font: inherit;\n border: 1px solid hsl(214.3, 31.8%, 91.4%);\n border-radius: 0.5rem;\n padding: 0.5rem 0.75rem;\n margin-bottom: 1rem;\n}\n\n#details-container-TdaSo6fg2z input:focus,\n#details-container-TdaSo6fg2z select:focus,\n#details-container-TdaSo6fg2z textarea:focus {\n border-color: hsl(221.2, 83.2%, 53.3%);\n box-shadow: 0 0 0 2px hsl(221.2, 83.2%, 90%);\n}\n\n#details-container-TdaSo6fg2z button {\n cursor: pointer;\n font-weight: 500;\n}"],"mappings":"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","names":[]}