@stencila/style-stencila/dist/atoms/editor.css

Custom designed theme for Stencila components

*,:after,:before{border:0 solid;box-sizing:border-box}html{font-size:16px}.hidden{display:none}:host,stencila-editor{
  /** @prop --gutter-background: Background color of the Editor gutter (Line numbers, fold, etc) */--gutter-background:var(
    --color-background,var(--color-neutral-50,#e9eaf1)
  );

  /** @prop --gutter-color: (Text) Color of the Editor Line Numbers gutter (Line numbers, fold, etc) */--gutter-color:var(--color-neutral-500,#6e7591);--border-width:1px;--background-color:transparent;all:initial;display:flex;max-width:100%}:host .editorContainer,stencila-editor .editorContainer{background-color:var(--background-color);border-color:#cfd2e1;border-color:var(--color-neutral-100,#cfd2e1);border-radius:.25rem;border-width:1px;border-width:var(--border-width);display:flex;flex-direction:column;flex-grow:1;max-width:100%}:host .editorContainer:focus-within,stencila-editor .editorContainer:focus-within{box-shadow:inset 0 0 0 2px var(--color-neutral-200)}:host .editor,stencila-editor .editor{cursor:text;flex-grow:1;font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:.875rem;line-height:1.25rem;max-width:100%;overflow:auto}:host(::slotted(.editorContainer)) .cm-editor,:host(::slotted(.editorContainer)) .cm-editor *,stencila-editor::slotted(.editorContainer) .cm-editor,stencila-editor::slotted(.editorContainer) .cm-editor *{font-family:monospace;font-family:var(--font-family-mono,monospace)}:host(::slotted(.editorContainer)) .cm-editor,stencila-editor::slotted(.editorContainer) .cm-editor{line-height:1.5}:host(::slotted(.editorContainer)) .codemirror-focused,stencila-editor::slotted(.editorContainer) .codemirror-focused{outline:2px solid transparent;outline-offset:2px}:host(::slotted(.editorContainer)) .codemirror-scroller,stencila-editor::slotted(.editorContainer) .codemirror-scroller{overflow:auto}:host::slotted(.editorContainer) .cm-gutters,stencila-editor::slotted(.editorContainer) .cm-gutters{background-color:var(--gutter-background);color:var(--gutter-color)}:host::slotted(.editorContainer) .cm-tooltip.cm-tooltip-autocomplete>ul>li,stencila-editor::slotted(.editorContainer) .cm-tooltip.cm-tooltip-autocomplete>ul>li{font-size:90%;padding-bottom:2px;padding-top:2px}:host::slotted(.editorContainer) .cm-completionIcon,stencila-editor::slotted(.editorContainer) .cm-completionIcon{min-width:1.375em;min-width:2ch}:host(::slotted(.editorContainer)) stencila-code-error,stencila-editor::slotted(.editorContainer) stencila-code-error{border-bottom-style:solid;border-radius:0;border-width:0 0 1px}:host(::slotted(.editorContainer)) stencila-code-error:last-of-type,stencila-editor::slotted(.editorContainer) stencila-code-error:last-of-type{border-bottom-width:0}:host menu,stencila-editor menu{border-color:#cfd2e1;border-color:var(--color-neutral-100,#cfd2e1);border-top-width:1px;display:flex;justify-content:flex-end;margin:0;padding:1px 0}:host menu stencila-icon,stencila-editor menu stencila-icon{--height:1em;--width:1em;margin-right:.25rem}:host menu select,stencila-editor menu select{appearance:none;background-color:transparent;border-style:none;color:#444a5e;color:var(--color-neutral-700,#444a5e);font-family:sans-serif;font-family:var(--font-family-body,sans-serif);font-size:.75rem;line-height:1rem;margin-right:.5rem;text-align:left}:host menu select option,stencila-editor menu select option{font-family:sans-serif;font-family:var(--font-family-body,sans-serif);text-align:right}:host menu select:active,:host menu select:focus,:host menu select:hover,stencila-editor menu select:active,stencila-editor menu select:focus,stencila-editor menu select:hover{color:#1f212a;color:var(--color-neutral-900,#1f212a)}
/*# sourceMappingURL=editor.css.map */