UNPKG

@stencila/style-stencila

Version:

Custom designed theme for Stencila components

4 lines (3 loc) 4.36 kB
:host,stencila-code-error{background-color:#e9eaf1;background-color:var(--color-neutral-50,#e9eaf1);border:1px solid #6e7591;border-color:var(--color-neutral-500,#6e7591);border-radius:.25rem;box-sizing:border-box;color:#444a5e;color:var(--color-neutral-700,#444a5e);display:block;font-family:sans-serif;font-family:var(--font-family-body,sans-serif);max-width:100%;padding:.5rem;position:relative;width:100%}:host .overview,stencila-code-error .overview{padding-right:1rem}:host .overview .stacktrace-icon,stencila-code-error .overview .stacktrace-icon{cursor:pointer;float:right}:host .overview .stacktrace-icon.hide,stencila-code-error .overview .stacktrace-icon.hide{display:none}:host .overview *,stencila-code-error .overview *{vertical-align:middle}:host ::slotted([slot=type]),:host [slot=type],stencila-code-error ::slotted([slot=type]),stencila-code-error [slot=type]{border-radius:.25rem;border-style:solid;border-width:1px;margin-right:.5rem;padding:0 .125rem}:host stencila-details,stencila-code-error stencila-details{--disclosure-icon-right:0.5rem;--disclosure-icon-top:0.5rem;display:block;position:static;white-space:pre}:host stencila-details.hide,stencila-code-error stencila-details.hide{display:none}:host([level=info]),stencila-code-error[level=info]{background-color:#ebecff;background-color:var(--color-info-50,#ebecff);border-color:#2069f2;border-color:var(--color-info-500,#2069f2);color:#132f71;color:var(--color-info-800,#132f71)}:host([level=info]) ::slotted([slot=type]),:host([level=info]) [slot=type],stencila-code-error[level=info] ::slotted([slot=type]),stencila-code-error[level=info] [slot=type]{background-color:#cacfff;background-color:var(--color-info-100,#cacfff);border-color:#2069f2;border-color:var(--color-info-500,#2069f2);color:#132f71;color:var(--color-info-800,#132f71)}:host([level=warn]),stencila-code-error[level=warn]{background-color:#fff3cc;background-color:var(--color-warn-50,#fff3cc);border-color:#dca435;border-color:var(--color-warn-500,#dca435);color:#674c15;color:var(--color-warn-800,#674c15)}:host([level=warn]) ::slotted([slot=type]),:host([level=warn]) [slot=type],stencila-code-error[level=warn] ::slotted([slot=type]),stencila-code-error[level=warn] [slot=type]{background-color:#ffeaaa;background-color:var(--color-warn-100,#ffeaaa);border-color:#dca435;border-color:var(--color-warn-500,#dca435);color:#674c15;color:var(--color-warn-800,#674c15)}:host([level=error]),stencila-code-error[level=error]{background-color:#ffeff0;background-color:var(--color-danger-50,#ffeff0);border-color:#cf445e;border-color:var(--color-danger-500,#cf445e);color:#b02d4a;color:var(--color-danger-600,#b02d4a)}:host([level=error]) ::slotted([slot=type]),:host([level=error]) [slot=type],stencila-code-error[level=error] ::slotted([slot=type]),stencila-code-error[level=error] [slot=type]{background-color:#ffcace;background-color:var(--color-danger-100,#ffcace);border-color:#cf445e;border-color:var(--color-danger-500,#cf445e);color:#b02d4a;color:var(--color-danger-600,#b02d4a)}:host,stencila-document-toolbar{ /** @prop --background: Sets the background color of the component. */--background:var(--color-neutral-100);display:block}:host([position=fixed]),stencila-document-toolbar[position=fixed]{left:0;max-width:none!important;position:fixed;top:0;width:100%;z-index:30}:host([position=fixed])+*,stencila-document-toolbar[position=fixed]+*{margin-top:3rem}:host .hidden-sm,stencila-document-toolbar .hidden-sm{display:none}@media (min-width:640px){:host .hidden-sm,stencila-document-toolbar .hidden-sm{display:inline}}:host .documentStatus,stencila-document-toolbar .documentStatus{color:#4a4a4a;color:var(--color-key,#4a4a4a);font-size:.875rem;line-height:1.25rem;line-height:1}:host .documentStatus.success,stencila-document-toolbar .documentStatus.success{color:#1b5430;color:var(--color-success-700,#1b5430)}:host .documentStatus.danger,stencila-document-toolbar .documentStatus.danger{color:#cf445e;color:var(--color-danger-500,#cf445e)}:host .documentStatus stencila-icon,stencila-document-toolbar .documentStatus stencila-icon{margin-right:.25rem}:host .documentStatus stencila-tooltip,stencila-document-toolbar .documentStatus stencila-tooltip{cursor:help}:host .documentStatus span,stencila-document-toolbar .documentStatus span{vertical-align:middle} /*# sourceMappingURL=index.css.map */