@nicobarbieri/quickctx/dist/quickctx.css.map

Fast & easy custom context menus for your web projects.

{"version":3,"sources":["default.css"],"names":[],"mappings":"AACA,oBACI,0BAA8B,CAC9B,2CAA4C,CAC5C,8CAA+C,CAE/C,oCAAqC,CACrC,iCAAqC,CAErC,0BAA8B,CAC9B,gCAAoC,CACpC,mCAAuC,CAEvC,0BAA2B,CAC3B,4BAAgC,CAChC,kCAAsC,CAEtC,kCAAmC,CACnC,4CAA6C,CAC7C,kCAAmC,CAEnC,4BAA6B,CAE7B,0BAA2B,CAE3B,yBAA0B,CAC1B,uCAAyC,CAEzC,6CAA+C,CAI/C,qCAAsC,CACtC,qEAAsE,CAMtE,2CAA4C,CAL5C,iCAAkC,CAIlC,gCAAiC,CAFjC,uCAAwC,CACxC,mCAAoC,CAFpC,mCAAoC,CAOpC,SAAU,CACV,eAAgB,CAHhB,yCAA0C,CAI1C,0BAA2B,CAH3B,4DAZJ,CAkBA,mCACI,SAAU,CACV,uBACJ,CAEA,sCACI,SAAU,CACV,0BACJ,CAEA,iCACI,SAAU,CACV,uBACJ,CAEA,oCACI,SAAU,CACV,0BACJ,CAEA,qCAII,4EAA6E,CAD7E,uCAAwC,CAFxC,eAAiB,CAIjB,iBAAkB,CAElB,eAAgB,CALhB,sCAAuC,CAMvC,sBAAuB,CAFvB,kBAGJ,CAEA,mCACI,eAAgB,CAChB,QAAS,CACT,SACJ,CAEA,mCAEI,cAAe,CAEf,eAAgB,CAHhB,uCAAwC,CAIxC,sBAAuB,CAFvB,kBAGJ,CAEA,yCACI,mDAAoD,CACpD,sCACJ,CAEA,2DAGI,sCAAwC,CAFxC,yCAA0C,CAC1C,kBAEJ,CACA,kMAII,UACJ,CAEA,wCAKI,cAAe,CAJf,kCAAmC,CAEnC,YAAa,CACb,SAEJ,CAEA,sFANI,6CAQJ,CAEA,wCAMI,4DAA8D,CAE9D,qBAAsB,CAHtB,iDAAmD,CAHnD,gBAAkB,CAClB,eAAgB,CAIhB,WAAY,CANZ,sCAAuC,CAGvC,wBAKJ,CAEA,2EAEI,kBAAmB,CAOnB,gCAAiC,CARjC,mBAAoB,CAOpB,cAAgB,CALhB,sBAAuB,CAOvB,iBAAkB,CALlB,WAAa,CACb,OAAQ,CACR,0BAIJ,CAEA,iFACI,sCACJ,CAEA,4BAEI,0EAA2E,CAD3E,iCAAkC,CAElC,SAAU,CACV,uBACJ,CAEA,eACI,gBACJ","file":"quickctx.css","sourcesContent":["/*VARIABLES*/\r\n.quickctx-container {\r\n    --quickctx-background: #ffffff;\r\n    --quickctx-element-background-hover: #f0f0f0;\r\n    --quickctx-element-background-disabled: #f9f9f9;\r\n\r\n    --quickctx-header-background: #f7f7f7;\r\n    --quickctx-header-text-color: #555555;\r\n\r\n    --quickctx-text-color: #333333;\r\n    --quickctx-text-color-hover: #000000;\r\n    --quickctx-text-color-disabled: #aaaaaa;\r\n\r\n    --quickctx-border-size: 1px;\r\n    --quickctx-border-color: #cccccc;\r\n    --quickctx-border-color-hover: #cccccc;\r\n\r\n    --quickctx-container-padding: 4px 0;\r\n    --quickctx-element-padding: 8px 12px 8px 24px;\r\n    --quickctx-header-padding: 6px 12px;\r\n\r\n    --quickctx-border-radius: 4px;\r\n\r\n    --quickctx-min-width: 180px;\r\n\r\n    --quickctx-font-size: 14px;\r\n    --quickctx-font-family: Arial, sans-serif;\r\n\r\n    --quickctx-shadow: 2px 2px 5px rgba(0,0,0,0.15);\r\n}\r\n\r\n.quickctx-container {\r\n    background: var(--quickctx-background);\r\n    border: var(--quickctx-border-size) solid var(--quickctx-border-color);\r\n    box-shadow: var(--quickctx-shadow);\r\n    min-width: var(--quickctx-min-width);\r\n    font-family: var(--quickctx-font-family);\r\n    font-size: var(--quickctx-font-size);\r\n    color: var(--quickctx-text-color);\r\n    border-radius: var(--quickctx-border-radius);\r\n    padding: var(--quickctx-container-padding);\r\n    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\r\n    opacity: 0;\r\n    overflow: hidden;\r\n    transform: translateY(10px);\r\n}\r\n\r\n.quickctx-container.quickctx--open {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.quickctx-container.quickctx--closing {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n}\r\n\r\n.quickctx-sublist.quickctx--open {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.quickctx-sublist.quickctx--closing {\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n}\r\n\r\n.quickctx-container .quickctx-header {\r\n    font-weight: bold;\r\n    padding: var(--quickctx-header-padding);\r\n    color: var(--quickctx-header-text-color);\r\n    border-bottom: var(--quickctx-border-size) solid var(--quickctx-border-color);\r\n    margin-bottom: 4px;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.quickctx-container .quickctx-list {\r\n    list-style: none;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n.quickctx-container .quickctx-item {\r\n    padding: var(--quickctx-element-padding);\r\n    cursor: pointer;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n}\r\n\r\n.quickctx-container .quickctx-item:hover {\r\n    background: var(--quickctx-element-background-hover);\r\n    color: var(--quickctx-text-color-hover);\r\n}\r\n\r\n.quickctx-container .quickctx-item.quickctx-item--disabled {\r\n    color: var(--quickctx-text-color-disabled);\r\n    cursor: not-allowed;\r\n    background-color: transparent !important;\r\n}\r\n.quickctx-container .quickctx-item.quickctx-item--disabled i,\r\n.quickctx-container .quickctx-item.quickctx-item--disabled .fa-solid,\r\n.quickctx-container .quickctx-item.quickctx-item--disabled .fas\r\n {\r\n    opacity: 0.5;\r\n}\r\n\r\n.quickctx-container .quickctx-separator {\r\n    height: var(--quickctx-border-size);\r\n    background-color: var(--quickctx-border-color);\r\n    margin: 4px 0;\r\n    padding: 0;\r\n    cursor: default;\r\n}\r\n\r\n.quickctx-container .quickctx-separator:hover {\r\n    background-color: var(--quickctx-border-color);\r\n}\r\n\r\n.quickctx-container .quickctx-subheader {\r\n    padding: var(--quickctx-header-padding);\r\n    font-size: 0.75rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    color: var(--quickctx-header-text-color) !important;\r\n    background-color: var(--quickctx-header-background) !important;\r\n    height: auto; /* Override default separator height */\r\n    background-image: none; /* Override default separator line */\r\n}\r\n\r\n.quickctx-container .quickctx-item.quickctx-sublist-command .submenu-arrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    position: absolute;\r\n    right: 0.75em;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    font-size: 0.8em;\r\n    color: var(--quickctx-text-color);\r\n    position: absolute;\r\n}\r\n\r\n.quickctx-container .quickctx-item.quickctx-sublist-command:hover .submenu-arrow {\r\n    color: var(--quickctx-text-color-hover);\r\n}\r\n\r\n.quickctx-container.submenu {\r\n    box-shadow: var(--quickctx-shadow);\r\n    border-left: var(--quickctx-border-size) solid var(--quickctx-border-color);\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n}\r\n\r\n.quickctx-icon {\r\n    margin-right: 1ch;\r\n}\r\n"]}