@stencila/style-material/dist/atoms/button/_base.css

Material Design theme for Stencila components

a.button,button{background-image:none;border-radius:.25rem;border-style:none;display:inline-block;font-family:sans-serif;font-family:var(--font-family-body,sans-serif);font-size:.875rem;font-weight:700;line-height:1.25rem;line-height:1;margin:0;padding:.5rem;text-decoration-line:none;transition:color .12s ease-out,background-color .12s ease-out;white-space:nowrap}a.button.secondary,button.secondary{padding:.25rem .5rem}@media (min-width:768px){a.button,button{font-size:1rem;line-height:1.5rem;line-height:1;padding-bottom:.5rem;padding-left:1rem;padding-right:1rem;padding-top:.5rem}}a.button.xsmall,a.button[size=xsmall],button.xsmall,button[size=xsmall]{border-radius:.125rem;font-size:.75rem;line-height:1rem;line-height:1;padding:.25rem .5rem}a.button.small,a.button[size=small],button.small,button[size=small]{font-size:.875rem;line-height:1.25rem;line-height:1;padding:.5rem}a.button.large,a.button[size=large],button.large,button[size=large]{font-size:1.5rem;line-height:2rem;line-height:1;padding:.75rem 1.5rem}a.button:hover,button:hover{cursor:pointer}a.button[disabled],a.button[disabled]:active,a.button[disabled]:hover,button[disabled],button[disabled]:active,button[disabled]:hover{cursor:not-allowed}a.button.fill,button.fill{width:100%}a.button>*,button>*{vertical-align:middle}a.button *,button *{pointer-events:none}a.button stencila-icon,button stencila-icon{--height:1.25em;--width:1.25em;padding-right:.25rem}a.button>img,a.button>svg,button>img,button>svg{display:inline-block;height:1.25em;padding-right:.25rem;width:1.25em}a.button.iconOnly,button.iconOnly{padding:.25rem}a.button.iconOnly stencila-icon,a.button.iconOnly>img,a.button.iconOnly>svg,button.iconOnly stencila-icon,button.iconOnly>img,button.iconOnly>svg{padding-right:0}a.button.iconOnly .label,button.iconOnly .label{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host(::slotted(button)>*){vertical-align:middle}:host(::slotted(button)>img),:host(::slotted(button)>svg){display:inline-block;height:1.25em;padding-right:.25rem;width:1.25em}:host([icon-only=true]::slotted(button)>img),:host([icon-only=true]::slotted(button)>svg){padding-right:0}
/*# sourceMappingURL=_base.css.map */