@stencila/style-stencila/dist/molecules/codeFragment.css.map

Custom designed theme for Stencila components

{"mappings":"AAAA;EAEE,+DAA+D,CAC/D,oCAAsC;;EAEtC,6EAA6E,CAC7E,oDAAsD;;EAEtD,4FAA4F,CAC5F,yCAA2C,CAG3C,kCAAmC,CACnC,0BAA2B,CCb7B,qBAAA,mBAAA,iBAAA,cAAA,+BAAA,oBAAA,kBAAA,oBAAA,cAAA,UAAA,2BAAA,kBDiCA,CCjCA,iEDiBI,0CAA2C,CCjB/C,eAAA,qBAAA,gBAAA,yBAAA,8IAAA,mDAAA,kDAAA,QAAA,0UAAA,oBAAA,eAAA,cAAA,yCD+BI,yCAA0C,CC/B9C,eAAA","sources":["src/molecules/codeFragment.css","<no source>"],"sourcesContent":[":host,\nstencila-code-fragment {\n  /** @prop --background: Background color of the Code Fragment */\n  --background: var(--color-stock, #fff);\n\n  /** @prop --background-buttons: Background color of the Code Editor section */\n  --background-buttons: var(--color-neutral-50, #edf2f7);\n\n  /** @prop --border: Border color around the component as well as internal section dividers */\n  --border: var(--color-neutral-100, #e2e8f0);\n\n  @apply inline-flex text-sm p-0 leading-none whitespace-nowrap align-text-bottom text-key border border-solid rounded;\n  background-color: var(--background);\n  border-color: var(--border);\n\n  .actionsSecondary {\n    @apply inline-block w-0 overflow-hidden cursor-default transition ease-out duration-150;\n    background-color: var(--background-buttons);\n  }\n\n  &.hover,\n  &:focus,\n  &:focus-within,\n  &:hover {\n    .actionsSecondary {\n      @apply inline-flex w-5 max-w-full;\n    }\n  }\n\n  .text {\n    @apply p-1;\n    background-color: var(--background-editor);\n  }\n}\n",null],"names":[],"version":3,"file":"codeFragment.css.map"}