@stencila/thema
Version:
Themes for executable documents
2 lines (1 loc) • 3.71 kB
CSS
stencila-button button{font-family:var(--font-family-display);font-size:var(--TEXT-SIZE-MEDIUM-REM);text-transform:uppercase}stencila-button button[disabled]{opacity:1}stencila-button .label{line-height:.75;vertical-align:middle}stencila-executable-document-toolbar{background-color:var(--COLOR-TEXT-UI-BACKGROUND);border-bottom:1px solid var(--color-netural-300)}stencila-executable-document-toolbar stencila-toolbar{--background:transparent;box-sizing:border-box}stencila-executable-document-toolbar stencila-toolbar>div{padding-left:0;padding-right:0}stencila-executable-document-toolbar [slot=start] stencila-button button{background-color:var(--COLOR-PRIMARY);color:var(--COLOR-TEXT-UI-BACKGROUND)}stencila-executable-document-toolbar [slot=start] stencila-button button:hover{background-color:var(--COLOR-PRIMARY-DARK)}stencila-executable-document-toolbar[position=fixed]+.content-header{margin-top:3rem;padding-top:calc(var(--BASELINE-MEASURE-REM)*0.58333)}[itemtype~="http://schema.stenci.la/CodeChunk"],[itemtype~="http://schema.stenci.la/CodeExpression"]{--background-buttons:var(--COLOR-PRIMARY)}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-button[icon=eye-off],[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-button[icon=eye],[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button[icon=eye-off],[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button[icon=eye]{order:-1}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-button button,[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button button{background-color:var(--COLOR-PRIMARY);color:var(--COLOR-TEXT-UI-BACKGROUND)}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-button button:focus,[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-button button:hover,[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button button:focus,[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button button:hover{background-color:var(--COLOR-PRIMARY-DARK)}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-button.run{overflow:hidden;width:0}[itemtype~="http://schema.stenci.la/CodeChunk"].isCodeVisible stencila-button.run{width:2rem}[itemtype~="http://schema.stenci.la/CodeChunk"].isCodeVisible stencila-action-menu nav{width:100%;border-bottom-right-radius:0}[itemtype~="http://schema.stenci.la/CodeChunk"] .cm-gutters{background-color:var(--color-neutral-200)}[itemtype~="http://schema.stenci.la/CodeChunk"] .cm-completionIcon{min-width:3ch}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-action-menu{--background:transparent;border:none;padding:0;overflow:hidden}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-action-menu nav{background:var(--COLOR-PRIMARY);border-bottom-right-radius:4px;display:inline-block}[itemtype~="http://schema.stenci.la/CodeChunk"] stencila-action-menu .persistentActions{display:inline-flex}[itemtype~="http://schema.stenci.la/CodeExpression"]{overflow:hidden}[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button.sourceToggle{width:2rem}[itemtype~="http://schema.stenci.la/CodeExpression"] stencila-button.run{display:none}[itemtype~="http://schema.stenci.la/CodeExpression"].isCodeVisible stencila-button.run{display:inline-block}@media screen and (min-width:1024px){[itemtype~="http://schema.stenci.la/CodeChunk"].isCodeVisible:not(.isStacked) stencila-action-menu nav{width:50%}}@media only screen and (--medium-viewport){stencila-executable-document-toolbar stencila-toolbar{padding-left:3%;padding-right:3%}}