UNPKG

rhino-editor

Version:

A custom element wrapped rich text editor

8 lines (7 loc) 12.5 kB
{ "version": 3, "sources": ["../../src/exports/styles/trix-core.css"], "sourcesContent": ["/* These all come from Trix / ActionText. This should probably be cleaned up into\n a regular .css for users to include.\n*/\n\n.trix-content {\n border: 1px solid var(--rhino-border-color);\n border-radius: 0px 0px var(--rhino-border-radius) var(--rhino-border-radius);\n margin: 0;\n padding: 0.4em 0.6em;\n min-height: 200px;\n outline: transparent;\n overflow-wrap: break-word;\n word-break: break-word;\n}\n\n.trix-content[contenteditable=\"true\"] {\n /* Required by Prosemirror / TipTap */\n white-space: pre-wrap;\n}\n\n.trix-content:is(:focus, :focus-within) {\n border-color: var(--rhino-button-active-border-color);\n}\n\n.trix-content :is(img, svg, figure) {\n width: 100%;\n max-width: 100%;\n height: auto;\n display: block;\n}\n\n.trix-content :is(figure, p) {\n padding: 0;\n margin: 0;\n}\n\n.trix-content figure {\n position: relative;\n}\n\n.trix-content figcaption {\n line-break: anywhere;\n display: inline-block;\n white-space: normal;\n width: 100%;\n margin: 0;\n padding: 0;\n font-size: inherit;\n font-family: inherit;\n line-height: inherit;\n color: inherit;\n text-align: center;\n vertical-align: top;\n border: none;\n outline: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n/* If you use white-space: normal; in firefox you cant add blank space to the figcaption */\n.trix-content[contenteditable=\"true\"] figcaption {\n white-space: break-spaces;\n}\n\n.trix-content .rhino-upload-error {\n background-color: rgba(255, 0, 0, 0.3);\n}\n\n/* Attachments */\n.trix-content:not([readonly])\n .attachment--preview:is(:focus-within, :focus, .has-focus)\n :is(img) {\n outline: transparent;\n box-shadow: var(--rhino-focus-ring);\n}\n\n.trix-content:not([readonly])\n .attachment:not(.attachment--preview):is(:focus-within, :focus, .has-focus) {\n outline: transparent;\n box-shadow: var(--rhino-focus-ring);\n}\n\n.rhino-attachment-editor::part(delete-button),\n.rhino-attachment-editor::part(file-metadata) {\n display: none;\n}\n\n.trix-content:not([readonly])\n figure:is(:focus-within, :focus, .has-focus)\n .rhino-attachment-editor::part(delete-button),\n.trix-content:not([readonly])\n figure:is(:focus-within, :focus, .has-focus)\n .rhino-attachment-editor::part(file-metadata) {\n display: flex;\n}\n\n.trix-content .placeholder {\n position: absolute;\n pointer-events: none;\n color: var(--rhino-placeholder-text-color);\n color: light-dark(\n var(--rhino-placeholder-text-color),\n var(--rhino-dark-placeholder-text-color)\n );\n cursor: text;\n content: \"\";\n}\n.trix-content figure.attachment figcaption {\n position: relative;\n}\n\n.trix-content p.is-editor-empty:first-child::before,\n.trix-content\n figure[data-trix-attachment].has-focus\n figcaption.is-empty::before {\n color: var(--rhino-placeholder-text-color);\n color: light-dark(\n var(--rhino-placeholder-text-color),\n var(--rhino-dark-placeholder-text-color)\n );\n content: attr(data-placeholder);\n pointer-events: none;\n}\n\n.trix-content\n figure[data-trix-attachment]:not(.has-focus)\n figcaption.is-empty::before {\n content: attr(data-default-caption);\n pointer-events: none;\n}\n\n.trix-content ul {\n list-style: disc;\n}\n\n.trix-content ol {\n list-style-type: decimal;\n}\n\n.trix-content\n figure[data-trix-attachment].has-focus\n figcaption.is-empty::before {\n position: absolute;\n left: 50%;\n top: 0;\n transform: translate(-50%, 0%);\n}\n\n.trix-content p.is-editor-empty:first-child::before {\n float: left;\n height: 0;\n pointer-events: none;\n}\n\n.trix-content {\n box-sizing: border-box;\n}\n.trix-content * {\n box-sizing: inherit;\n margin: 0;\n padding: 0;\n}\n.trix-content h1 {\n font-size: 1.2em;\n line-height: 1.2;\n}\n.trix-content blockquote {\n border: 0 solid #ccc;\n border-inline-start-width: 0.3em;\n margin-inline-start: 0.3em;\n padding-inline-start: 0.6em;\n}\n.trix-content li {\n margin-inline-start: 1em;\n}\n\n/** This is for `` inline code code elements. */\n.trix-content :not(pre) code {\n background-color: #eee;\n border-radius: 2px;\n padding: 2px;\n margin: 0 1px;\n border: 1px solid rgba(192, 192, 192, 0.5);\n display: inline;\n}\n\n.trix-content code,\n.trix-content pre {\n box-decoration-break: clone;\n}\n\n.trix-content pre {\n display: block;\n width: 100%;\n font-family: monospace;\n padding: 0.5em;\n white-space: pre;\n overflow-x: auto;\n background-color: #eee;\n font-size: 0.9em;\n}\n\n.trix-content img {\n max-width: 100%;\n height: auto;\n}\n.trix-content .attachment {\n display: block;\n position: relative;\n max-width: 100%;\n}\n\n/** Overrides Trix's link CSS */\n.trix-content .attachment figcaption a,\n.trix-content .attachment figcaption a:hover {\n color: LinkText;\n}\n\n/** Overrides Trix's link CSS */\n.trix-content .attachment figcaption a:visited,\n.trix-content .attachment figcaption a:hover:visited {\n color: VisitedText;\n}\n\n.trix-content .attachment__caption {\n text-align: center;\n margin-top: 0.5em;\n}\n.trix-content\n .attachment__caption\n .attachment__name\n + .attachment__size::before {\n content: \" \u00B7 \";\n}\n.trix-content .attachment--preview {\n width: 100%;\n text-align: center;\n margin: 0.6em 0;\n}\n.trix-content .attachment--preview .attachment__caption {\n color: #666;\n font-size: 0.9em;\n line-height: 1.2;\n}\n.trix-content .attachment.attachment--file {\n color: #333;\n line-height: 1;\n margin: 0 2px 2px 2px;\n padding: 0.4em 1em;\n border: 1px solid var(--rhino-border-color);\n border-radius: var(--rhino-border-radius);\n}\n.trix-content .attachment-gallery {\n display: flex;\n flex-wrap: wrap;\n position: relative;\n}\n\n/* For if galleries are disabled */\n.trix-content figure.attachment {\n display: inline-block;\n position: relative;\n white-space: normal;\n}\n\n/* This is a cheap easy way to allow us to show <p> tags in galleries */\n.trix-content .attachment-gallery > p {\n width: 0px;\n padding: 0;\n flex-basis: 0%;\n max-width: 0%;\n flex-shrink: 1;\n flex-grow: 0;\n}\n\n.trix-content .attachment-gallery .attachment {\n flex: 1 0 100%;\n padding: 0 0.5em;\n max-width: 100%;\n white-space: normal;\n}\n\n.trix-content\n .attachment-gallery\n > :is(.attachment--preview, action-text-attachment[previewable=\"true\"]) {\n flex: 1 0 33%;\n padding: 0 0.5em;\n max-width: 33%;\n white-space: normal;\n}\n\n/* 1 / 3 / n item[s] */\n.trix-content\n .attachment-gallery\n > :is(.attachment, action-text-attachment):first-of-type:nth-last-of-type(1)\n ~ :is(.attachment, action-text-attachment),\n.trix-content\n .attachment-gallery\n > :is(.attachment, action-text-attachment):first-of-type:nth-last-of-type(1) {\n padding: 0;\n flex-basis: 100%;\n max-width: 100%;\n}\n\n/* 2 items / 4 items */\n.attachment-gallery\n > :is(\n .attachment--preview,\n action-text-attachment[previewable=\"true\"]\n ):first-of-type:nth-last-of-type(2),\n.attachment-gallery\n > :is(\n .attachment--preview,\n action-text-attachment[previewable=\"true\"]\n ):first-of-type:nth-last-of-type(2)\n ~ :is(.attachment--preview, action-text-attachment[previewable=\"true\"]),\n.attachment-gallery\n > :is(\n .attachment--preview,\n action-text-attachment[previewable=\"true\"]\n ):first-of-type:nth-last-of-type(4),\n.attachment-gallery\n > :is(\n .attachment--preview,\n action-text-attachment[previewable=\"true\"]\n ):first-of-type:nth-last-of-type(4)\n ~ :is(.attachment--preview, action-text-attachment[previewable=\"true\"]) {\n flex-basis: 50%;\n max-width: 50%;\n}\n\n/** This carry over from Trix's gallery for backwards compat */\n.trix-content\n .attachment-gallery.attachment-gallery--2\n action-text-attachment\n > .attachment,\n.trix-content\n .attachment-gallery.attachment-gallery--4\n action-text-attachment\n > .attachment,\n.trix-content .attachment-gallery action-text-attachment > .attachment {\n max-width: 100%;\n}\n"], "mappings": ";AAIA,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI,IAAI,IAAI,uBAAuB,IAAI;AACtD,UAAQ;AACR,WAAS,MAAM;AACf,cAAY;AACZ,WAAS;AACT,iBAAe;AACf,cAAY;AACd;AAEA,CAXC,YAWY,CAAC;AAEZ,eAAa;AACf;AAEA,CAhBC,YAgBY,IAAI,QAAQ;AACvB,gBAAc,IAAI;AACpB;AAEA,CApBC,aAoBa,IAAI,KAAK,KAAK;AAC1B,SAAO;AACP,aAAW;AACX,UAAQ;AACR,WAAS;AACX;AAEA,CA3BC,aA2Ba,IAAI,QAAQ;AACxB,WAAS;AACT,UAAQ;AACV;AAEA,CAhCC,aAgCa;AACZ,YAAU;AACZ;AAEA,CApCC,aAoCa;AACZ,cAAY;AACZ,WAAS;AACT,eAAa;AACb,SAAO;AACP,UAAQ;AACR,WAAS;AACT,aAAW;AACX,eAAa;AACb,eAAa;AACb,SAAO;AACP,cAAY;AACZ,kBAAgB;AAChB,UAAQ;AACR,WAAS;AACT,sBAAoB;AACpB,mBAAiB;AACjB,cAAY;AACd;AAGA,CAzDC,YAyDY,CAAC,sBAAwB;AACpC,eAAa;AACf;AAEA,CA7DC,aA6Da,CAAC;AACb,oBAAkB,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE;AACpC;AAGA,CAlEC,YAkEY,KAAK,CAAC,WACjB,CAAC,mBAAmB,IAAI,eAAe,QAAQ,CAAC,WAChD,IAAI;AACJ,WAAS;AACT,cAAY,IAAI;AAClB;AAEA,CAzEC,YAyEY,KAAK,CAAC,WACjB,CAAC,UAAU,KAAK,CAPf,oBAOoC,IAAI,eAAe,QAAQ,CAPhB;AAQhD,WAAS;AACT,cAAY,IAAI;AAClB;AAEA,CAAC,uBAAuB,OAAO;AAC/B,CADC,uBACuB,OAAO;AAC7B,WAAS;AACX;AAEA,CApFC,YAoFY,KAAK,CAAC,WACjB,MAAM,IAAI,eAAe,QAAQ,CAlBe,WAmBhD,CAPD,uBAOyB,OAAO;AACjC,CAvFC,YAuFY,KAAK,CAAC,WACjB,MAAM,IAAI,eAAe,QAAQ,CArBe,WAsBhD,CAVD,uBAUyB,OAAO;AAC/B,WAAS;AACX;AAEA,CA7FC,aA6Fa,CAAC;AACb,YAAU;AACV,kBAAgB;AAChB,SAAO,IAAI;AACX,SAAO,WACL,IAAI,+BAA+B,EACnC,IAAI;AAEN,UAAQ;AACR,WAAS;AACX;AACA,CAxGC,aAwGa,MAAM,CA9BjB,WA8B6B;AAC9B,YAAU;AACZ;AAEA,CA5GC,aA4Ga,CAAC,CAAC,eAAe,YAAY;AAC3C,CA7GC,aA8GC,MAAM,CAAC,qBAAqB,CA3CoB,UA4ChD,UAAU,CAAC,QAAQ;AACnB,SAAO,IAAI;AACX,SAAO,WACL,IAAI,+BAA+B,EACnC,IAAI;AAEN,WAAS,KAAK;AACd,kBAAgB;AAClB;AAEA,CAzHC,aA0HC,MAAM,CAAC,qBAAqB,KAAK,CAvDe,WAwDhD,UAAU,CAZC,QAYQ;AACnB,WAAS,KAAK;AACd,kBAAgB;AAClB;AAEA,CAhIC,aAgIa;AACZ,cAAY;AACd;AAEA,CApIC,aAoIa;AACZ,mBAAiB;AACnB;AAEA,CAxIC,aAyIC,MAAM,CAAC,qBAAqB,CAtEoB,UAuEhD,UAAU,CA3BC,QA2BQ;AACnB,YAAU;AACV,QAAM;AACN,OAAK;AACL,aAAW,UAAU,IAAI,EAAE;AAC7B;AAEA,CAjJC,aAiJa,CAAC,CArCC,eAqCe,YAAY;AACzC,SAAO;AACP,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAvJC;AAwJC,cAAY;AACd;AACA,CA1JC,aA0Ja;AACZ,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AACA,CA/JC,aA+Ja;AACZ,aAAW;AACX,eAAa;AACf;AACA,CAnKC,aAmKa;AACZ,UAAQ,EAAE,MAAM;AAChB,6BAA2B;AAC3B,uBAAqB;AACrB,wBAAsB;AACxB;AACA,CAzKC,aAyKa;AACZ,uBAAqB;AACvB;AAGA,CA9KC,aA8Ka,KAAK,KAAK;AACtB,oBAAkB;AAClB,iBAAe;AACf,WAAS;AACT,UAAQ,EAAE;AACV,UAAQ,IAAI,MAAM,KAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE;AACtC,WAAS;AACX;AAEA,CAvLC,aAuLa;AACd,CAxLC,aAwLa;AACZ,wBAAsB;AACxB;AAEA,CA5LC,aA4La;AACZ,WAAS;AACT,SAAO;AACP,eAAa;AACb,WAAS;AACT,eAAa;AACb,cAAY;AACZ,oBAAkB;AAClB,aAAW;AACb;AAEA,CAvMC,aAuMa;AACZ,aAAW;AACX,UAAQ;AACV;AACA,CA3MC,aA2Ma,CAjIX;AAkID,WAAS;AACT,YAAU;AACV,aAAW;AACb;AAGA,CAlNC,aAkNa,CAxIX,WAwIuB,WAAW;AACrC,CAnNC,aAmNa,CAzIX,WAyIuB,WAAW,CAAC;AACpC,SAAO;AACT;AAGA,CAxNC,aAwNa,CA9IX,WA8IuB,WAAW,CAAC;AACtC,CAzNC,aAyNa,CA/IX,WA+IuB,WAAW,CAAC,MAAM;AAC1C,SAAO;AACT;AAEA,CA7NC,aA6Na,CAAC;AACb,cAAY;AACZ,cAAY;AACd;AACA,CAjOC,aAkOC,CALa,oBAMb,CAAC,iBACD,EAAE,CAAC,gBAAgB;AACnB,WAAS;AACX;AACA,CAvOC,aAuOa,CApKX;AAqKD,SAAO;AACP,cAAY;AACZ,UAAQ,MAAM;AAChB;AACA,CA5OC,aA4Oa,CAzKX,oBAyKgC,CAfpB;AAgBb,SAAO;AACP,aAAW;AACX,eAAa;AACf;AACA,CAjPC,aAiPa,CAvKX,UAuKsB,CAAC;AACxB,SAAO;AACP,eAAa;AACb,UAAQ,EAAE,IAAI,IAAI;AAClB,WAAS,MAAM;AACf,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACrB;AACA,CAzPC,aAyPa,CAAC;AACb,WAAS;AACT,aAAW;AACX,YAAU;AACZ;AAGA,CAhQC,aAgQa,MAAM,CAtLjB;AAuLD,WAAS;AACT,YAAU;AACV,eAAa;AACf;AAGA,CAvQC,aAuQa,CAdC,mBAcmB,EAAE;AAClC,SAAO;AACP,WAAS;AACT,cAAY;AACZ,aAAW;AACX,eAAa;AACb,aAAW;AACb;AAEA,CAhRC,aAgRa,CAvBC,mBAuBmB,CAtM/B;AAuMD,QAAM,EAAE,EAAE;AACV,WAAS,EAAE;AACX,aAAW;AACX,eAAa;AACf;AAEA,CAvRC,aAwRC,CA/Ba,mBAgCb,EAAE,IAAI,CAtNL,qBAsN2B,sBAAsB,CAAC;AACnD,QAAM,EAAE,EAAE;AACV,WAAS,EAAE;AACX,aAAW;AACX,eAAa;AACf;AAGA,CAjSC,aAkSC,CAzCa,mBA0Cb,EAAE,IAAI,CAzNL,YAyNkB,uBAAuB,cAAc,qBACxD,EAAE,IAAI,CA1NL,YA0NkB;AACrB,CArSC,aAsSC,CA7Ca,mBA8Cb,EAAE,IAAI,CA7NL,YA6NkB,uBAAuB,cAAc;AACxD,WAAS;AACT,cAAY;AACZ,aAAW;AACb;AAGA,CArDe,mBAsDb,EAAE,IACA,CA7OD,qBA8OC,sBAAsB,CAAC,kBACxB,cAAc;AACjB,CA1De,mBA2Db,EAAE,IACA,CAlPD,qBAmPC,sBAAsB,CAAC,kBACxB,cAAc,qBACf,EAAE,IAAI,CArPL,qBAqP2B,sBAAsB,CAAC;AACrD,CAhEe,mBAiEb,EAAE,IACA,CAxPD,qBAyPC,sBAAsB,CAAC,kBACxB,cAAc;AACjB,CArEe,mBAsEb,EAAE,IACA,CA7PD,qBA8PC,sBAAsB,CAAC,kBACxB,cAAc,qBACf,EAAE,IAAI,CAhQL,qBAgQ2B,sBAAsB,CAAC;AACnD,cAAY;AACZ,aAAW;AACb;AAGA,CAzUC,aA0UC,CAjFa,kBAiFM,CAAC,sBACpB,uBACA,EAAE,CAlQD;AAmQH,CA7UC,aA8UC,CArFa,kBAqFM,CAAC,sBACpB,uBACA,EAAE,CAtQD;AAuQH,CAjVC,aAiVa,CAxFC,mBAwFmB,uBAAuB,EAAE,CAvQxD;AAwQD,aAAW;AACb;", "names": [] }