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

Custom designed theme for Stencila components

{"mappings":"AAAA,MAIE,yCAA6D,CAA7D,2DAA6D,CCJ/D,cAAA;EDCE,qEAAqE,CCDvE,UDsEA,CCtEA,wBAAA,OAAA,eAAA,MAAA,WAAA,WAAA,0BAAA,gBAAA,ADcE,0CAEE,+BACF,CAEA,sCAEE,6BACF,CAEA,8CAEE,qCACF,CC3BF,kDDgCI,qCAAsC,CChC1C,cAAA,uCAAA,ADmCE,8CAEE,qCACF,CAEA,wCAEE,kCACF,CAEA,4CAEE,oCACF,CChDF,UAAA,mBAAA,ADoDI,yCAA6D,CAA7D,2DAA6D,CCpDjE,WAAA,8BAAA,aAAA,mBAAA,uBAAA,+CAAA,YAAA,8BAAA,cAAA,SAAA,cAAA,sBAAA,YAAA,sBAAA,+BAAA,YAAA,kBAAA,mBAAA","sources":["src/molecules/toolbar.css","<no source>"],"sourcesContent":[":host {\n  /** @prop --background: Sets the background color of the component. */\n\n  @apply block z-40;\n  background-color: var(--background, var(--color-neutral-200));\n\n  &[position='fixed'] {\n    @apply fixed top-0 left-0 z-30 w-full;\n\n    & + * {\n      @apply mt-12;\n    }\n  }\n\n  &[color='stock'],\n  &[color='stock'] div {\n    --background: var(--color-stock);\n  }\n\n  &[color='key'],\n  &[color='key'] div {\n    --background: var(--color-key);\n  }\n\n  &[color='primary'],\n  &[color='primary'] div {\n    --background: var(--color-primary-500);\n  }\n\n  &[color='neutral'],\n  &[color='neutral'] div {\n    @apply text-neutral-700;\n    --background: var(--color-neutral-200);\n  }\n\n  &[color='success'],\n  &[color='success'] div {\n    --background: var(--color-success-500);\n  }\n\n  &[color='warn'],\n  &[color='warn'] div {\n    --background: var(--color-warn-500);\n  }\n\n  &[color='danger'],\n  &[color='danger'] div {\n    --background: var(--color-danger-500);\n  }\n\n  div {\n    @apply h-full flex flex-row items-center justify-between p-2 m-0 leading-none align-middle text-stock font-body;\n    background-color: var(--background, var(--color-neutral-200));\n\n    & > * {\n      @apply align-middle;\n    }\n  }\n\n  ::slotted([slot='middle']) {\n    @apply flex-grow px-4;\n  }\n\n  /* Use lighter backdrop on dark backgrounds */\n  /* TODO: Make this work when `key` color is light */\n  /* &[color='key']::slotted(*)\n    stencila-button:not([disabled]):hover\n    button.iconOnly {\n    background-color: rgba(255, 255, 255, 0.2);\n  } */\n}\n",null],"names":[],"version":3,"file":"toolbar.css.map"}