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

Custom designed theme for Stencila components

{"mappings":"AAAA;EACE,uEAAuE,CACvE,4CAA8C;;EAE9C,+DAA+D,CAC/D,yCAA2C,CAG3C,kCAAmC,CCRrC,iCAAA,ADSE,0BAA2B,CCT7B,mBAAA,yBAAA,sBAAA,8CAAA,iBAAA,iBAAA,cAAA,mBAAA,kBAAA,QAAA,KDiDA,CAtCE,cACE,YACF,CCbF,YAAA,sBAAA,SAAA,qBAAA,SAAA,UAAA,SAAA,eAAA,qBAAA,oBAAA,gBAAA,uDAAA,qBAAA,uBAAA,qBAAA,gBAAA,ADuCI,iCAAmC,CCvCvC,sBAAA,mBAAA,ADsCI,uBCtCJ,2DAAA,WAAA,6EAAA,QAAA","sources":["src/molecules/actionMenu.css","<no source>"],"sourcesContent":[":host {\n  /** @prop --background: Background color of the Action Menu component */\n  --background: var(--color-neutral-50, #edf2f7);\n\n  /** @prop --border: Border color of the Action Menu component */\n  --border: var(--color-neutral-100, #e2e8f0);\n\n  @apply absolute top-0 right-0 py-px pl-1 pr-1 font-mono text-xs leading-none border-t-0 border-b border-l border-r-0 border-solid rounded-bl;\n  background-color: var(--background);\n  border-color: var(--border);\n\n  .hidden {\n    display: none;\n  }\n\n  nav > * {\n    @apply align-middle;\n  }\n\n  ul {\n    @apply p-0 m-0 list-none;\n  }\n\n  li {\n    @apply inline pr-1;\n\n    &:last-child {\n      @apply pr-0;\n    }\n  }\n\n  stencila-button,\n  ::slotted(stencila-button) {\n    @apply inline-block;\n  }\n\n  .actionContainer {\n    @apply inline-block overflow-hidden whitespace-nowrap align-middle;\n    width: var(--max-width);\n    transition: width 120ms ease-in-out;\n\n    &:not(.isAnimating):not(.isCollapsed) {\n      @apply w-auto;\n    }\n  }\n\n  .secondaryActions:not(:hover):not(:focus) .actionContainer.isCollapsed {\n    @apply w-0;\n  }\n}\n",null],"names":[],"version":3,"file":"actionMenu.css.map"}