substance
Version:
Substance is a JavaScript library for web-based content editing. It provides building blocks for realizing custom text editors and web-based publishing systems.
1 lines • 42.3 kB
Source Map (JSON)
{"version":3,"sources":["../substance.css","../_variables.css","../packages/_index.css","../packages/switch-text-type/_switch-text-type.css","../packages/blockquote/_blockquote.css","../packages/blocker/_blocker.css","../packages/button/_button.css","../packages/code/_code.css","../packages/codeblock/_codeblock.css","../packages/context-menu/_context-menu.css","../packages/dropzones/_dropzones.css","../packages/emphasis/_emphasis.css","../packages/heading/_heading.css","../packages/inline-wrapper/_inline-wrapper.css","../packages/paragraph/_paragraph.css","../packages/prose-editor/_prose-editor.css","../packages/strong/_strong.css","../packages/link/_link.css","../packages/image/_image.css","../packages/image/_insert-image-tool.css","../packages/subscript/_subscript.css","../packages/superscript/_superscript.css","../packages/tools/_tool-dropdown.css","../packages/tools/_tool-group.css","../packages/scroll-pane/_scroll-pane.css","../packages/split-pane/_split-pane.css","../packages/scrollbar/_scrollbar.css","../packages/layout/_layout.css","../packages/tabbed-pane/_tabbed-pane.css","../packages/table/_table.css","../packages/grid/_grid.css","../packages/modal/_modal.css","../packages/input/_input.css","../packages/isolated-node/_isolated-node.css","../packages/inline-node/_inline-node.css","../packages/overlay/_overlay.css","../packages/gutter/_gutter.css","../packages/toc/_toc.css","../packages/surface/_surface.css","../packages/spell-check/_spell-error.css","../packages/text-property/_text-property.css"],"names":[],"mappings":"AAAA;;;EAGE;ACHF;qDACqD;AAErD;EACE,YAAY;;EAKZ,qDAAqD;;EAKrD,YAAY;;EAKZ,8BAA8B,CAID,cAAc;;EAG3C,+BAA+B;;EAe/B,qEAAqE,CACjC;;mBAEnB;;EAIjB,qBAAqB;;EAGrB,sBAAsB;EAMtB,sBAAsB;EAEtB,wBAAwB;;EAWxB,eAAe;;EAIf,iCAAiC;;EAGjC,yBAAyB;CAW1B;ACxFD,sBAAsB;ACAtB;+BAC+B;AAE/B;EACE,kBAAkB;EAClB,mBAAmB;EACnB,aAAa;EACb,sCAAsC;EACtC;;;IAGE;EACF,gBAAgB;EAChB,iBAAiB;CAClB;AACD;EACE,kBAAkB;EAClB,aAAa;EACb,kBAAkB;EAClB,eAAe;EACf,iBAAiB;CAClB;AACD;EACE,kBAAkB;EAClB,mBAAmB;EACnB,gBAAgB;EAChB,aAAa;EACb,yBAAyB;CAC1B;AACD,mCAAmC,aAAa,CAAC,gBAAgB,EAAE;AACnE,yCAAyC,iBAAiB,EAAE;AAC5D;EACE,cAAc;EACd,mBAAmB;EACnB,kBAAkB;EAClB,UAAU;EACV,cAAc;EACd,iBAAiB;EACjB,2CAA2C;EAC3C,0BAAsC;CACvC;AACD;EACE,eAAe;EACf,kBAAkB;EAClB,YAAY,CAAC,uDAAuD;CACrE;AACD;;EAEE,6BAA6B;CAC9B;AACD,2CAA2C,eAAe,EAAE;ADhD5D,gBAAgB;AEFhB;EACE,+BAA2C;EAC3C,mBAAmB;CACpB;AAED;EACE,+BAA2C;CAC5C;AFHD,aAAa;AGJb;EACE,gBAAgB;EAChB,gBAAgB;EAChB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;;EAEZ,iBAAiB;;EAEjB,WAAW;EACX,qCAAqC;EACrC,0CAA0C;EAC1C,6CAA6C;CAC9C;AAED;EACE,qCAAqC;EACrC,0CAA0C;EAC1C,6CAA6C;CAC9C;AAED;EACE,aAAa;CACd;AAED;EACE,aAAa;CACd;AHtBD,YAAY;AINZ;;;;;EAKE;AAEF;EACE,mBAAmB;EACnB,aAAa;EACb,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB;;;IAGE;EACF,gBAAgB;EAChB,iBAAiB;EACjB,oBAAoB;EACpB,0BAAsC;EACtC,kBAAkB;EAClB,mBAAmB;CACpB;AAED;EACE,aAAa;EACb,gBAAgB;CACjB;AAED;EACE,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;CAClB;AAED,wCAAwC;AACxC;EACE,kBAAkB;CACnB;AAED;EACE,sBAAmC;EACnC,oBAAiC;EACjC,4BAA4B;CAC7B;AAED;EACE,oBAAgC;CACjC;AAED;EACE,mBAAmB;EACnB,iBAAiB;CAClB;AAGD;;;;;EAKE;AAEF;EACE,mBAAmB;EACnB,aAAa;EACb,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB;;;IAGE;EACF,gBAAgB;EAChB,iBAAiB;EACjB,kBAAkB;EAClB,mBAAmB;EACnB,gCAAgC;CACjC;AAED;EACE,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;CAClB;AAED,wCAAwC;AACxC;EACE,kBAAkB;CACnB;AAED;EACE,2BAA2B;CAC5B;AAED;EACE,+BAA+B;CAChC;AAED;;EAEE;AACF;EACE,gEAAgE;EAChE,cAAc;CACf;AJlGD,UAAU;AKRV;EACE,oEAAqC;EACrC,gBAAiC;EACjC,6BAAmC;EACnC,iBAAiB;CAClB;ALKD,eAAe;AMVf;EACE,oEAAqC;EACrC,gBAAgB;CACjB;AAED;;EAEE,oEAAqC;EACrC,gBAAgB;CACjB;ANGD,kBAAkB;AOZlB;EACE,mBAAmB;EACnB,oBAAoB;EACpB,mBAAmB;EACnB,gBAAkC;EAClC,cAAc;CACf;AAED;EACE,gFAAgF;EAChF,mBAAmB;CACpB;AAED;EACE,iBAAiB;EACjB,eAAe;CAChB;AAED;EACE,8BAA8B;CAC/B;APND,eAAe;AQdf;CACC;AAED;EACE,mBAAmB;CACpB;AAED;EACE,mBAAmB;EACnB,UAAU;EACV,WAAW;EACX,aAAa;EACb,uCAAuC;EACvC,YAAY;CACb;AAED;EACE,oBAAyC;CAC1C;AAED;EACE,mBAAmB;EACnB,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,UAAU;EACrC,YAAY;CACb;AAED;EACE,mBAAmB;CACpB;AA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","file":"substance.css","sourcesContent":["/*\r\n Provides all component styles. Does not provide any page styles,\r\n such as fonts and colors for links etc.\r\n*/\r\n@import './_variables.css';\r\n@import './packages/_index.css';","/* Global variables\r\n-------------------------------------------------- */\r\n\r\n:root {\r\n /* Layout */\r\n --small-layout-width: 300px;\r\n --medium-layout-width: 620px;\r\n --large-layout-width: 960px;\r\n\r\n /* Normalized heights (used by buttons and inputs) */\r\n --base-height: 40px;\r\n --short-height: 20px;\r\n --border-radius: 5px;\r\n\r\n /* Colors */\r\n --dark-bg-color: #2E2E2E;\r\n --border-color: #E0E4E4;\r\n --dark-border-color: #777;\r\n\r\n /* Used by Button component */\r\n --button-color: rgba(0,0,0,0.75);\r\n\r\n --fill-white-color: #fff;\r\n --fill-light-color: #f7f9f9; /* #f8f8f8; */\r\n --fill-dark-color: #404040;\r\n\r\n /* Depending on a base-color */\r\n --darken-color-1: rgba(0,0,0,0.05);\r\n --darken-color-2: rgba(0,0,0,0.10);\r\n --darken-color-3: rgba(0,0,0,0.25);\r\n --darken-color-4: rgba(0,0,0,0.50);\r\n --darken-color-5: rgba(0,0,0,0.75);\r\n\r\n --lighten-color-1: rgba(0,0,0,0.05);\r\n --lighten-color-2: rgba(0,0,0,0.10);\r\n --lighten-color-3: rgba(0,0,0,0.25);\r\n --lighten-color-4: rgba(0,0,0,0.50);\r\n --lighten-color-5: rgba(0,0,0,0.75);\r\n\r\n --link-color: #1795CD;\r\n\r\n /* We disable this for now, as accessibility needs more discussion */\r\n --focus-outline-color: transparent; /* #1795CD;/* #5BE3FF;\r\n\r\n /* Font colors */\r\n --default-text-color: rgba(0,0,0,0.75);\r\n --light-text-color: rgba(0,0,0,.40);\r\n\r\n /* Default padding */\r\n --default-padding: 20px;\r\n\r\n /* Prose font sizes */\r\n --default-font-size: 16px;\r\n --small-font-size: 13px;\r\n\r\n --large-font-size: 20px;\r\n --xlarge-font-size: 25px;\r\n /* Title font sizes */\r\n --title-font-size: 38px;\r\n /* Heading font sizes */\r\n --h1-font-size: 26px;\r\n --h2-font-size: 22px;\r\n --h3-font-size: 18px;\r\n --h4-font-size: 16px;\r\n\r\n --strong-font-weight: 600;\r\n --highlight-color-1: #0b9dd9;\r\n --highlight-color-2: #91bb04;\r\n --heading-letterspacing: -0.5px;\r\n\r\n /* code-font */\r\n --font-family-code: Consolas, 'Liberation Mono', Menlo, Courier, monospace;\r\n --font-size-code: 14px;\r\n\r\n /* RGB #A3CDFD = HSB 209,29,80 */\r\n --local-selection-color: #2A8CFF;\r\n\r\n /* Collaborator colors */\r\n --collaborator-color-1: #A4E57A;\r\n --collaborator-color-2: #BC90FF;\r\n --collaborator-color-3: #D6BB4C;\r\n --collaborator-color-4: #BAA6A0;\r\n --collaborator-color-5: #7BB5B3;\r\n --collaborator-color-6: #FF7B7B;\r\n --collaborator-color-7: #A0CC00;\r\n --collaborator-color-8: #89CAFF;\r\n --collaborator-color-9: #FF9FBF;\r\n --collaborator-color-10: #FFB533;\r\n}\r\n","/* switch-text-type */\r\n@import './switch-text-type/_switch-text-type.css';\r\n/* blockquote */\r\n@import './blockquote/_blockquote.css';\r\n/* blocker */\r\n@import './blocker/_blocker.css';\r\n/* button */\r\n@import './button/_button.css';\r\n/* code */\r\n@import './code/_code.css';\r\n/* codeblock */\r\n@import './codeblock/_codeblock.css';\r\n/* context-menu */\r\n@import './context-menu/_context-menu.css';\r\n/* dropzones */\r\n@import './dropzones/_dropzones.css';\r\n/* emphasis */\r\n@import './emphasis/_emphasis.css';\r\n/* heading */\r\n@import './heading/_heading.css';\r\n/* inline-wrapper */\r\n@import './inline-wrapper/_inline-wrapper.css';\r\n/* paragraph */\r\n@import './paragraph/_paragraph.css';\r\n/* prose-editor */\r\n@import './prose-editor/_prose-editor.css';\r\n/* strong */\r\n@import './strong/_strong.css';\r\n/* link */\r\n@import './link/_link.css';\r\n/* image */\r\n@import './image/_image.css';\r\n@import './image/_insert-image-tool.css';\r\n/* subscript */\r\n@import './subscript/_subscript.css';\r\n/* superscript */\r\n@import './superscript/_superscript.css';\r\n@import './tools/_index.css';\r\n/* scroll-pane */\r\n@import './scroll-pane/_scroll-pane.css';\r\n/* split-pane */\r\n@import './split-pane/_split-pane.css';\r\n/* scrollbar */\r\n@import './scrollbar/_scrollbar.css';\r\n/* layout */\r\n@import './layout/_layout.css';\r\n/* tabbed-pane */\r\n@import './tabbed-pane/_tabbed-pane.css';\r\n/* table */\r\n@import './table/_table.css';\r\n/* grid */\r\n@import './grid/_grid.css';\r\n/* modal */\r\n@import './modal/_modal.css';\r\n/* input */\r\n@import './input/_input.css';\r\n/* isolated-node */\r\n@import './isolated-node/_isolated-node.css';\r\n/* inline-node */\r\n@import './inline-node/_inline-node.css';\r\n/* overlay */\r\n@import './overlay/_overlay.css';\r\n/* gutter */\r\n@import './gutter/_gutter.css';\r\n/* toc */\r\n@import './toc/_toc.css';\r\n/* surface */\r\n@import './surface/_surface.css';\r\n/* spell-check */\r\n@import './spell-check/_spell-error.css';\r\n/* text-property */\r\n@import './text-property/_text-property.css';\r\n","/* Switch Text Type Component\r\n---------------------------- */\r\n\r\n.sc-switch-text-type {\r\n overflow: visible;\r\n position: relative;\r\n width: 120px;\r\n /*font-size: var(--small-font-size);*/\r\n /*\r\n When using --small-font-size = 13px we get a wrong\r\n offset in the toolbar. Needs checking.\r\n */\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n.sc-switch-text-type .se-toggle {\r\n background: white;\r\n height: 30px;\r\n padding: 0px 10px;\r\n display: block;\r\n overflow: hidden;\r\n}\r\n.sc-switch-text-type:not(.sm-disabled) .se-toggle:after {\r\n content: \" \\f0d7\";\r\n padding-left: 10px;\r\n margin-top: 2px;\r\n float: right;\r\n font-family: FontAwesome;\r\n}\r\n.sc-switch-text-type.sm-disabled { opacity: 0.4; cursor: default; }\r\n.sc-switch-text-type.sm-disabled:hover { background: none; }\r\n.sc-switch-text-type .se-options {\r\n display: none;\r\n position: absolute;\r\n background: white;\r\n top: 40px;\r\n z-index: 5000;\r\n min-width: 150px;\r\n box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.15);\r\n border: 1px solid var(--border-color);\r\n}\r\n.sc-switch-text-type .se-options .se-option {\r\n display: block;\r\n padding: 5px 10px;\r\n width: 100%; /* needed to make buttons render like block elements */\r\n}\r\n.sc-switch-text-type .se-options .se-option:hover,\r\n.sc-switch-text-type .se-options .se-option:focus {\r\n background: rgba(0,0,0,0.05);\r\n}\r\n.sc-switch-text-type.sm-open .se-options { display: block; }\r\n",".sc-blockquote {\r\n border-left: 2px solid var(--border-color);\r\n padding-left: 30px;\r\n}\r\n\r\n.sc-switch-text-type .se-option.sm-blockquote {\r\n border-left: 2px solid var(--border-color);\r\n}",".sc-blocker {\r\n z-index: 500000;\r\n position: fixed;\r\n top: 0px;\r\n left: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n\r\n background: #FFF;\r\n\r\n opacity: 0;\r\n transition: opacity .25s ease-in-out;\r\n -moz-transition: opacity .25s ease-in-out;\r\n -webkit-transition: opacity .25s ease-in-out;\r\n}\r\n\r\n.sc-blocker > .se-display {\r\n transition: opacity .25s ease-in-out;\r\n -moz-transition: opacity .25s ease-in-out;\r\n -webkit-transition: opacity .25s ease-in-out;\r\n}\r\n\r\n.sc-blocker.sm-visible {\r\n opacity: 0.7;\r\n}\r\n\r\n.sc-blocker.sm-visible > .se-display {\r\n opacity: 1.0;\r\n}\r\n","/*\r\n Outline style\r\n =============================================================\r\n\r\n Used for tools in regular white Toolbar\r\n*/\r\n\r\n.sc-button.sm-style-outline {\r\n position: relative;\r\n height: 30px;\r\n min-width: 30px;\r\n line-height: 30px;\r\n text-align: center;\r\n /*\r\n TODO: if we put var(--small-font-size) here = 13px we get different\r\n alignments for buttons with vs buttons without labels.\r\n */\r\n font-size: 12px;\r\n font-weight: 600;\r\n border-radius: 15px;\r\n border: 1px solid var(--border-color);\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n}\r\n\r\n.sc-button.sm-style-outline[disabled=true] {\r\n opacity: 0.4;\r\n cursor: default;\r\n}\r\n\r\n.sc-button.sm-style-outline > .se-label {\r\n font-weight: 600;\r\n display: inline-block;\r\n padding: 0px 5px;\r\n}\r\n\r\n/* Add spacing between icon and label */\r\n.sc-button.sm-style-outline > * + * {\r\n padding-left: 5px;\r\n}\r\n\r\n.sc-button.sm-style-outline.sm-active {\r\n border-color: var(--dark-bg-color);\r\n background: var(--dark-bg-color);\r\n color: rgba(255,255,255, 1);\r\n}\r\n\r\n.sc-button.sm-style-outline:focus {\r\n background: var(--border-color);\r\n}\r\n\r\n.sc-button.sm-style-outline.sm-active:focus {\r\n border-color: #444;\r\n background: #444;\r\n}\r\n\r\n\r\n/*\r\n Plain Dark Style\r\n =============================================================\r\n\r\n Used in Overlay\r\n*/\r\n\r\n.sc-button.sm-style-plain-dark {\r\n position: relative;\r\n height: 30px;\r\n min-width: 30px;\r\n line-height: 30px;\r\n text-align: center;\r\n /*\r\n TODO: if we put var(--small-font-size) here = 13px we get different\r\n alignments for buttons with vs buttons without labels.\r\n */\r\n font-size: 12px;\r\n font-weight: 600;\r\n padding-left: 7px;\r\n padding-right: 7px;\r\n color: rgba(255, 255, 255, 0.4);\r\n}\r\n\r\n.sc-button.sm-style-plain-dark > .se-label {\r\n font-weight: 600;\r\n display: inline-block;\r\n padding: 0px 5px;\r\n}\r\n\r\n/* Add spacing between icon and label */\r\n.sc-button.sm-style-plain-dark > * + * {\r\n padding-left: 5px;\r\n}\r\n\r\n.sc-button.sm-style-plain-dark.sm-active {\r\n color: rgba(255,255,255,1);\r\n}\r\n\r\n.sc-button.sm-style-plain-dark:focus {\r\n color: rgba(255,255,255, 0.75);\r\n}\r\n\r\n/*\r\n Some tools add a mode icon, which we position here\r\n*/\r\n.sc-button > .se-mode {\r\n /* we hide the mode indicator for now - too much visual noise */\r\n display: none;\r\n}\r\n",".sc-code {\r\n font-family: var(--font-family-code);\r\n font-size: var(--font-size-code);\r\n background: var(--lighten-color-1);\r\n padding: 2px 0px;\r\n}\r\n",".sc-codeblock {\r\n font-family: var(--font-family-code);\r\n font-size: 15px;\r\n}\r\n\r\n// Toolbar styles\r\n.sc-switch-text-type .se-option.sm-codeblock {\r\n font-family: var(--font-family-code);\r\n font-size: 15px;\r\n}",".sc-context-menu {\r\n position: absolute;\r\n background: #2E2E2C;\r\n border-radius: 5px;\r\n font-size: var(--small-font-size);\r\n z-index: 1000;\r\n}\r\n\r\n.sc-context-menu.sm-hidden {\r\n /* we don't use display none because we want to determine the content's width */\r\n visibility: hidden;\r\n}\r\n\r\n.sc-context-menu > .sc-tool-group {\r\n min-width: 120px;\r\n padding: 5px 0;\r\n}\r\n\r\n.sc-context-menu > .sc-tool-group:not(:last-child) {\r\n border-bottom: 1px solid #111;\r\n}",".sc-dropzones {\r\n}\r\n\r\n.sc-dropzones .se-dropzone {\r\n position: absolute;\r\n}\r\n\r\n.sc-dropzones .se-dropzone .se-drop-teaser {\r\n position: absolute;\r\n left: 0px;\r\n right: 0px;\r\n z-index: 100;\r\n transition: background-color 0.5s ease;\r\n height: 3px;\r\n}\r\n\r\n.sc-dropzones .se-dropzone.sm-over .se-drop-teaser {\r\n background: var(--local-selection-color);\r\n}\r\n\r\n.sc-dropzones .se-dropzone .se-drop-shield {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n z-index:101;\r\n}\r\n\r\n.sc-dropzones.sm-hidden {\r\n visibility: hidden;\r\n}\r\n\r\n/* Custom Dropzone styles */\r\n.sc-dropzones .se-custom-dropzone {\r\n z-index: 102;\r\n}\r\n\r\n.sc-dropzones .se-custom-dropzone .se-drop-shield {\r\n position: absolute;\r\n top: 0; left: 0; right: 0; bottom: 0;\r\n z-index:103;\r\n}\r\n\r\n.sc-dropzones .se-custom-dropzone.sm-over {\r\n background: rgba(0,0,0,0.7);\r\n color: #fff\r\n}\r\n\r\n.sc-dropzones .se-custom-dropzone .se-message {\r\n text-align: center;\r\n font-size: 15px;\r\n font-weight: 600;\r\n padding: 20px 0;\r\n display: none;\r\n}\r\n\r\n.sc-dropzones .se-custom-dropzone.sm-over .se-message {\r\n display: block;\r\n}\r\n",".sc-emphasis {\r\n font-style: italic;\r\n}",".sc-heading {\r\n font-weight: var(--strong-font-weight);\r\n letter-spacing: var(--heading-letterspacing);\r\n}\r\n\r\n.sc-heading.sm-level-1 {\r\n font-size: var(--h1-font-size);\r\n}\r\n\r\n.sc-heading.sm-level-2 {\r\n font-size: var(--h2-font-size);\r\n}\r\n\r\n.sc-heading.sm-level-3 {\r\n font-size: var(--h3-font-size);\r\n}\r\n\r\n.sc-heading.sm-level-4 {\r\n font-size: var(--h4-font-size);\r\n}\r\n\r\n/* Overrides for SwitchTextType tool */\r\n.sc-switch-text-type .se-option.sm-heading1 {\r\n font-size: var(--h1-font-size);\r\n font-weight: var(--strong-font-weight);\r\n}\r\n\r\n.sc-switch-text-type .se-option.sm-heading2 {\r\n font-size: var(--h2-font-size);\r\n font-weight: var(--strong-font-weight);\r\n}\r\n\r\n.sc-switch-text-type .se-option.sm-heading3 {\r\n font-size: var(--h3-font-size);\r\n font-weight: var(--strong-font-weight);\r\n}\r\n\r\n.sc-switch-text-type .se-option.sm-heading4 {\r\n font-size: var(--h4-font-size);\r\n font-weight: var(--strong-font-weight);\r\n}",".sc-inline-wrapper { display: block; margin-top: 10px; }\r\n.sc-inline-wrapper > .se-container { display: block; }\r\n.sc-inline-wrapper.sm-default-style.sm-selected > .se-container,\r\n.sc-inline-wrapper.sm-default-style.sm-co-selected > .se-container {\r\n background: rgba(163,205,253, 0.6);\r\n outline: 2px solid;\r\n outline-color: var(--local-selection-color);\r\n}\r\n.sc-inline-wrapper.sm-default-style.sm-focused > .se-container,\r\n.sc-inline-wrapper.sm-default-style.sm-co-focused > .se-container {\r\n outline: 2px solid;\r\n outline-color: var(--local-selection-color);\r\n}\r\n",".sc-paragraph {}",".sc-prose-editor {}\r\n.sc-prose-editor .sc-container-editor {\r\n padding: var(--default-padding);\r\n margin: 0 auto;\r\n max-width: 800px;\r\n}\r\n/* Add padding to each child except last one */\r\n.sc-prose-editor .sc-container-editor > * {\r\n margin: 10px 0;\r\n}\r\n.sc-prose-editor .se-toolbar-wrapper {\r\n border-bottom: 1px solid var(--border-color);\r\n}\r\n\r\n.sc-prose-editor .se-toolbar-wrapper .sc-toolbar {\r\n max-width: 800px;\r\n margin: 0 auto;\r\n}\r\n",".sc-strong {\r\n font-weight: bold;\r\n}\r\n",".sc-link {\r\n color: #2079DC;\r\n}\r\n\r\n.sc-edit-link-tool > * {\r\n display: inline-block;\r\n margin-right: 5px;\r\n}",".sc-image {\r\n position: relative;\r\n max-width: 100%;\r\n display: block;\r\n margin: 0px auto;\r\n}\r\n.sc-image img {\r\n display: block;\r\n max-width: 100%;\r\n margin: 0px auto;\r\n}\r\n",".sc-insert-image-tool > input {\r\n display: none;\r\n}",".sc-subscript {\r\n vertical-align: sub;\r\n font-size: smaller;\r\n}\r\n\r\n",".sc-superscript {\r\n vertical-align: super;\r\n font-size: smaller;\r\n}\r\n",".sc-tool-dropdown { display: inline-block; position: relative; }\r\n\r\n.sc-tool-dropdown > .sc-button {\r\n margin: 5px 2px;\r\n}\r\n\r\n.sc-tool-dropdown > .se-options {\r\n position: absolute;\r\n z-index: 10000;\r\n top: 40px;\r\n left: -80px;\r\n width: 200px;\r\n}\r\n\r\n.sc-tool-dropdown > .se-options > .se-arrow {\r\n margin: 0 auto;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 0 4px 8px 4px;\r\n border-color: transparent transparent #2E2E2C transparent;\r\n}\r\n\r\n.sc-tool-dropdown > .se-options > .se-content {\r\n background: var(--dark-bg-color);\r\n border-radius: 5px;\r\n}\r\n\r\n",".sc-tool-group.sm-layout-horizontal {\r\n display: inline-block;\r\n padding-left: 5px;\r\n}\r\n\r\n.sc-tool-group.sm-layout-horizontal > * {\r\n display: inline-block;\r\n position: relative;\r\n margin: 5px 2px;\r\n}","/* ScrollPane\r\n-----------------------------------------------------*/\r\n.sc-scroll-pane.sm-default-style {\r\n position: absolute;\r\n top: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n right: 0px;\r\n}\r\n/* Substance scrollbar active */\r\n/* Make space for Substance Scrollbar on the left side */\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar.sm-scrollbar-position-left .se-scrollable {\r\n left: 20px;\r\n}\r\n/* Patches the scrollbar to stick on the right side */\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar.sm-scrollbar-position-right .sc-scrollbar {\r\n right: 0px; left: auto;\r\n}\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar.sm-scrollbar-position-right .se-scrollable {\r\n right: 20px;\r\n}\r\n/* Hide native scroll bar in content panel */\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar .se-scrollable::-webkit-scrollbar {\r\n width: 0px; height: 0px;\r\n}\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar .se-scrollable::-webkit-scrollbar-thumb {\r\n background-color: rgba(0, 0, 0, 0);\r\n}\r\n/* Hide native scrollbar in Internet Explorer/Edge */\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar .se-scrollable {\r\n -ms-overflow-style: none;\r\n}\r\n/* Firefox-specific hack for hiding the scrollbar */\r\n.sc-scroll-pane.sm-default-style.sm-substance-scrollbar.sm-firefox .se-scrollable {\r\n margin-right: -15px;\r\n overflow-y: scroll;\r\n overflow-x: hidden;\r\n}\r\n/* Patches the scrollbar to stick on the right side */\r\n.sc-scroll-pane.sm-default-style > .se-scrollable {\r\n position: absolute;\r\n top: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n right: 0px;\r\n overflow: auto;\r\n}\r\n.sc-scroll-pane.sm-default-style > .se-scrollable > .se-content { position: relative; }\r\n/* For debugging purposes\r\n.sc-scroll-pane .se-scanline {\r\n position: absolute;\r\n display: none;\r\n top: 50px;\r\n left: 40px;\r\n width: 10px;\r\n height: 2px;\r\n background: #ccc;\r\n} */",".sc-split-pane {\r\n display: flex;\r\n flex-flow: row nowrap;\r\n /* Serves as anchor for absolute positioning for child components */\r\n position: absolute;\r\n left: 0px;\r\n right: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n}\r\n.sc-split-pane.sm-horizontal { flex-flow: column nowrap; }\r\n.sc-split-pane > .se-pane { position: relative; }\r\n/* This should be fixed according to the configured size (set directly\r\non the element). Size can either be a percentage or px value.\r\nDon't grow, don't shrink, use width or height for size determination */\r\n.sc-split-pane > .se-pane.sm-sized { flex: 0 0 auto; }\r\n/* Just grow and take up the rest of the available space */\r\n.sc-split-pane > .se-pane.sm-auto-fill { flex-grow: 1; }\r\n",".sc-scrollbar {\r\n position: absolute;\r\n left: 0px;\r\n width: 20px;\r\n top: 0px;\r\n bottom: 0px;\r\n background: #FAFAFA;\r\n box-shadow: inset -4px 0 4px 0 rgba(25,25,25,0.04);\r\n}\r\n\r\n.sc-scrollbar .se-thumb {\r\n position: absolute;\r\n top: 40px;\r\n left: 0px;\r\n right: 0px;\r\n height: 0px;\r\n background-color: rgba(0,0,0, 0.2);\r\n}\r\n\r\n.sc-scrollbar.sm-hide-thumb .se-thumb {\r\n visibility: hidden;\r\n}\r\n\r\n.sc-scrollbar .se-highlight {\r\n position: absolute;\r\n width: 100%;\r\n background-color: #A5AFBD;\r\n}\r\n",".sc-layout {\r\n margin: var(--default-padding);\r\n margin-top: var(--default-padding);\r\n margin-bottom: var(--default-padding);\r\n width: 100%; /* by default takes the full width */\r\n}\r\n.sc-layout.sm-no-padding { padding: 0; }\r\n.sc-layout.sm-text-align-center { text-align: center; }\r\n.sc-layout.sm-text-align-right { text-align: right;}\r\n.sc-layout.sm-width-small { max-width: var(--small-layout-width); margin: 0px auto; }\r\n.sc-layout.sm-width-medium { max-width: var(--medium-layout-width); margin: 0px auto; }\r\n.sc-layout.sm-width-large { max-width: var(--large-layout-width); margin: 0px auto; }\r\n/*\r\n When used inside layouts paragraphs and headings get some\r\n padding by default.\r\n\r\n TODO: maybe this should be activated explicitly through a\r\n Prose component that turns on the text paddings.\r\n*/\r\n.sc-layout > p { margin-bottom: var(--default-padding); }\r\n.sc-layout > h1,\r\n.sc-layout > h2,\r\n.sc-layout > h3,\r\n.sc-layout > h4 { margin-bottom: var(--default-padding); }",".sc-tabbed-pane { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; }\r\n.sc-tabbed-pane .se-tabs { height: 40px; border-bottom: 1px solid #ddd; }\r\n.sc-tabbed-pane .se-tabs .se-tab {\r\n display: block;\r\n float: left;\r\n height: 40px;\r\n line-height: 40px;\r\n padding: 0px 20px;\r\n color: #444;\r\n font-size: 12px;\r\n font-weight: 600;\r\n}\r\n.sc-tabbed-pane .se-tabs .se-tab:hover { background: #eee; border-bottom: 1px solid #bbb; }\r\n.sc-tabbed-pane .se-tabs .se-tab.sm-active { background: #eee; border-bottom: 1px solid #444; }\r\n.sc-tabbed-pane .se-tab-content { position: absolute; top: 40px; left: 0px; right: 0px; bottom: 0px; }\r\n",".sc-table {\r\n display: table;\r\n width: 100%;\r\n}\r\n.sc-table .sc-table-cell {\r\n border: 1px solid #ddd;\r\n padding: 5px;\r\n}","/* See: http://www.sitepoint.com/understanding-css-grid-systems */\r\n\r\n.sc-grid {}\r\n\r\n/* Make sure we use the border box model */\r\n.sc-grid > .se-row,\r\n.sc-grid > .se-cell { box-sizing: border-box; }\r\n.sc-grid > .se-row:before,\r\n.sc-grid > .se-row:after { content: \" \"; display: table; }\r\n.sc-grid > .se-row:after { clear: both; }\r\n/* Row styles */\r\n.sc-grid > .se-row { /* overflow: hidden; clear floats */ }\r\n.sc-grid > .se-row > .se-cell { position: relative; position: relative; }\r\n\r\n/*\r\n scw = single column width\r\n m = margin (1.6%)\r\n mc = maximum columns (12)\r\n cw = column width for a particular column (1-12)\r\n scw = (100 – (m * (mc – 1))) / mc\r\n cw = (scw * cs) + (m * (cs – 1))\r\n*/\r\n.sc-grid > .se-row > .se-cell.sm-column-1 { float:left; width: 6.86666666667%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-2 { float:left; width: 15.3333333333%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-3 { float:left; width: 23.8%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-4 { float:left; width: 32.2666666667%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-5 { float:left; width: 40.7333333333%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-6 { float:left; width: 49.2%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-7 { float:left; width: 57.6666666667%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-8 { float:left; width: 66.1333333333%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-9 { float:left; width: 74.6%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-10 { float:left; width: 83.0666666667%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-11 { float:left; width: 91.5333333333%; }\r\n.sc-grid > .se-row > .se-cell.sm-column-12 { width:100%; display:block; }\r\n\r\n.sc-grid > .se-row > .se-cell + .se-cell { margin-left: 1.6%; }\r\n\r\n/* Override for mobile */\r\n.sc-grid.sm-mobile {}\r\n.sc-grid.sm-mobile > .se-row {}\r\n.sc-grid.sm-mobile > .se-row > .se-cell + .se-cell { margin-left: 0; }\r\n.sc-grid.sm-mobile > .se-row > .se-cell { float: none; width: auto; }\r\n",".sc-modal {\r\n z-index: 500000;\r\n position: fixed;\r\n top: 0px;\r\n left: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n background: rgba(0,0,0,0.7);\r\n}\r\n.sc-modal .se-body {\r\n position: absolute;\r\n margin-left: auto;\r\n margin-right: auto;\r\n left: 30px;\r\n right: 30px;\r\n top: 30px;\r\n background: white;\r\n box-shadow: 0 0 25px 0 rgba(0,0,0,0.8);\r\n}\r\n.sc-modal.sm-width-small .se-body { max-width: var(--small-layout-width); }\r\n.sc-modal.sm-width-medium .se-body { max-width: var(--medium-layout-width); }\r\n.sc-modal.sm-width-large .se-body { max-width: var(--large-layout-width); }","/*\r\n TODO: Provide different styles (analoge to _button.css);\r\n*/\r\n\r\n.sc-input {\r\n max-width: 500px;\r\n font-size: 12px;\r\n height: 30px;\r\n border-radius: 15px;\r\n background: #fff;\r\n border: none;\r\n padding: 0 10px;\r\n}\r\n\r\n.sc-input.sm-centered {\r\n text-align: center;\r\n}\r\n",".sc-isolated-node {\r\n position: relative;\r\n}\r\n\r\n.sc-isolated-node.sm-default-style.sm-selected,\r\n.sc-isolated-node.sm-default-style.sm-co-selected {\r\n /*background: rgba(163,205,253, 0.6);*/\r\n outline: 2px solid;\r\n outline-color: var(--local-selection-color);\r\n}\r\n.sc-isolated-node.sm-default-style.sm-focused,\r\n.sc-isolated-node.sm-default-style.sm-co-focused {\r\n outline: 2px solid;\r\n outline-color: var(--local-selection-color);\r\n}\r\n\r\n/* Hide selection fragments when in selected-state */\r\n.sc-isolated-node.sm-selected ::selection,\r\n.sc-isolated-node.sm-selected ::selection {\r\n background: transparent;\r\n}\r\n\r\n.sc-isolated-node.sm-selected {\r\n background: rgba(163, 205, 253, 0.3);\r\n outline: 2px solid #A3CDFD;\r\n}\r\n\r\n.sc-isolated-node-blocker {\r\n position: absolute;\r\n top: 0px; bottom: 0px; left: 0px; right: 0px;\r\n cursor: default;\r\n}\r\n\r\n.sc-isolated-node.sm-no-blocker .sc-isolated-node-blocker {\r\n display: none;\r\n}\r\n\r\n.sc-isolated-node > .se-bracket {\r\n height: 1px;\r\n width: 1px;\r\n opacity: 0;\r\n}\r\n\r\n.sc-isolated-node.sm-no-blocker > .se-bracket {\r\n display:none;\r\n}\r\n",".sc-inline-node {\r\n cursor: default;\r\n /* webkit disables selection for draggable elements */\r\n /*-webkit-user-select: text;*/\r\n position: relative;\r\n}\r\n",".sc-overlay { z-index: 200; position: absolute; }\r\n.sc-overlay.sm-hidden { visibility: hidden; }\r\n.sc-overlay.sm-theme-dark {}\r\n\r\n.sc-overlay.sm-theme-dark::before {\r\n content: '';\r\n display: block;\r\n margin: 0 auto;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 0 4px 8px 4px;\r\n border-color: transparent transparent #2E2E2C transparent;\r\n}\r\n\r\n.sc-overlay.sm-theme-dark > .se-active-tools {\r\n border-radius: 5px;\r\n background: #2E2E2C;\r\n padding: 5px;\r\n}\r\n\r\n.sc-overlay.sm-theme-dark > .se-active-tools > .sc-tool-group {\r\n display: inline-block;\r\n}\r\n\r\n.sc-overlay.sm-theme-dark > .se-active-tools > .sc-tool-group > .se-tool {\r\n display: inline-block;\r\n}\r\n",".sc-gutter { z-index: 200; position: absolute; }\r\n.sc-gutter.sm-hidden { visibility: hidden; position: fixed; }\r\n\r\n.sc-gutter.sm-theme-dark::before {\r\n content: '';\r\n display: block;\r\n margin: 0 auto;\r\n width: 0;\r\n height: 0;\r\n border-style: solid;\r\n border-width: 0 4px 8px 4px;\r\n border-color: transparent transparent #2E2E2C transparent;\r\n}\r\n\r\n.sc-gutter.sm-theme-dark > .se-active-tools {\r\n background: #2E2E2C;\r\n padding: 5px;\r\n}","/* TOC\r\n-----------------------------------------------------*/\r\n\r\n.sc-toc {}\r\n.sc-toc .se-toc-entries { padding: 20px 0px; }\r\n.sc-toc .se-toc-entries .se-toc-entry {\r\n color: #777;\r\n font-weight: 600;\r\n letter-spacing: var(--heading-letterspacing);\r\n display: block;\r\n padding: 2px 0px;\r\n position: relative;\r\n}\r\n.sc-toc .se-toc-entries .se-toc-entry i.fa {\r\n font-size: 12px;\r\n visibility: hidden;\r\n display: inline-block;\r\n padding-right: 5px;\r\n}\r\n.sc-toc .se-toc-entries .se-toc-entry.sm-active { color: #222; }\r\n.sc-toc .se-toc-entries .se-toc-entry.sm-active i.fa { visibility: visible; }\r\n.sc-toc .se-toc-entries .se-toc-entry:hover { color: #222; }\r\n.sc-toc .se-toc-entries .se-toc-entry.sm-level-1 { font-size: 16px; margin-left: 20px; }\r\n.sc-toc .se-toc-entries .se-toc-entry.sm-level-2 { font-size: 14px; margin-left: 40px; }\r\n.sc-toc .se-toc-entries .se-toc-entry.sm-level-3 { font-size: 12px; margin-left: 60px; }\r\n","/* Surface\r\n----------------------------------------------------*/\r\n.sc-surface {}\r\n/* Non-Editables should have a regular cursor */\r\n.sc-surface *[contenteditable=\"false\"] { cursor: default; }\r\n.sc-surface *[contenteditable=\"true\"] { cursor: text; }\r\n// We want Firefox to have a transparent native selection\r\n::-moz-selection { background: rgba(77, 149, 233, 0.46); }\r\n.sm-selected-node { outline: 2px solid; outline-color: var(--local-selection-color); }\r\n.sm-selected-node.sm-collaborator-1 { outline-color: var(--collaborator-color-1); }\r\n.sm-selected-node.sm-collaborator-2 { outline-color: var(--collaborator-color-2); }\r\n.sm-selected-node.sm-collaborator-3 { outline-color: var(--collaborator-color-3); }\r\n.sm-selected-node.sm-collaborator-4 { outline-color: var(--collaborator-color-4); }\r\n.sm-selected-node.sm-collaborator-5 { outline-color: var(--collaborator-color-5); }\r\n",".sc-spell-error {\r\n border-bottom: 2px dotted #FB4437;\r\n}",".sc-text-property { white-space: pre-wrap; }\r\n.sc-text-property .se-cursor { position: relative; }\r\n.sc-text-property .se-cursor .se-cursor-inner {\r\n position: absolute;\r\n top: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n width: 1px;\r\n background: #999;\r\n}\r\n/* Cursor */\r\n.sc-text-property .se-cursor.sm-collaborator-1 .se-cursor-inner { background: var(--collaborator-color-1); }\r\n.sc-text-property .se-cursor.sm-collaborator-2 .se-cursor-inner { background: var(--collaborator-color-2); }\r\n.sc-text-property .se-cursor.sm-collaborator-3 .se-cursor-inner { background: var(--collaborator-color-3); }\r\n.sc-text-property .se-cursor.sm-collaborator-4 .se-cursor-inner { background: var(--collaborator-color-4); }\r\n.sc-text-property .se-cursor.sm-collaborator-5 .se-cursor-inner { background: var(--collaborator-color-5); }\r\n.sc-text-property .se-cursor.sm-collaborator-6 .se-cursor-inner { background: var(--collaborator-color-6); }\r\n.sc-text-property .se-cursor.sm-collaborator-7 .se-cursor-inner { background: var(--collaborator-color-7); }\r\n.sc-text-property .se-cursor.sm-collaborator-8 .se-cursor-inner { background: var(--collaborator-color-8); }\r\n.sc-text-property .se-cursor.sm-collaborator-9 .se-cursor-inner { background: var(--collaborator-color-9); }\r\n.sc-text-property .se-cursor.sm-collaborator-10 .se-cursor-inner { background: var(--collaborator-color-10); }\r\n/* Selection Fragment */\r\n.sc-text-property .se-selection-fragment { background-color: #ddd; }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-1 { background: rgba(--collaborator-color-1, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-2 { background: rgba(--collaborator-color-2, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-3 { background: rgba(--collaborator-color-3, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-4 { background: rgba(--collaborator-color-4, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-5 { background: rgba(--collaborator-color-5, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-6 { background: rgba(--collaborator-color-6, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-7 { background: rgba(--collaborator-color-7, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-8 { background: rgba(--collaborator-color-8, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-9 { background: rgba(--collaborator-color-9, 0.30); }\r\n.sc-text-property .se-selection-fragment.sm-collaborator-10 { background: rgba(--collaborator-color-10, 0.30); }\r\n.sc-text-property .se-container-annotation.se-anchor { position: relative; }\r\n.sc-text-property .sm-highlighted { background: #ddd; }\r\n"]}