{"version":3,"sources":["webpack:///./src/contextmenu/src/utilities/utilities.scss","webpack:///./src/contextmenu/src/contextmenu/contextmenu.scss","webpack:///./src/docker/src/utilities/utilities.scss","webpack:///./src/docker/src/docker/docker.scss"],"names":[],"mappings":";;;;;;;AA4CA;EACI,gBAAe;EACf,iIAAgI,EAanI;EAfD;;;IAOQ,uBAAsB,EACzB;;AClDL;EAEQ,0BDCS;ECAT,mBAAkB;EAClB,iBAAgB;EAChB,uGAAmG;EACnG,cAAa;EACb,gBAAe,EAgElB;EAvEL;IAWY,cAAa;IACb,sBAAqB;IACrB,gCAA+B;IAC/B,0BDXK;ICYL,YAAW;IACX,eAAc,EAmCjB;IAnDT;MAmBgB,sBAAqB,EAkBxB;MArCb;QAsBoB,iBAAgB;QAChB,mBAAkB;QAClB,YAAW,EAOd;QA/BjB;UA2BwB,gBAAe;UACf,YAAW;UACX,aAAY,EACf;MA9BrB;QAkCoB,iBAAgB;QAChB,uBAAsB,EACzB;IApCjB;MAwCgB,YAAW;MACX,WAAU;MACV,oBAAmB,EACtB;IA3Cb;MA8CgB,0BAAyB;MACzB,eD5CC;MC6CD,gBAAe,EAClB;EAjDb;IAiEY,YAAW;IACX,8BAA8D;IAC9D,wBAAuB;IACvB,cAAa;IACb,WAAU,EACb;;AC5BT;EACI,gBAAe;EACf,iIAAgI,EAanI;EAfD;;;IAOQ,uBAAsB,EACzB;;AClDL;EAEQ,uBAAsB;EAEtB,mBAAkB;EAClB,UAAS;EACT,YAAW;EACX,cAAa;EACb,oBAAmB;EACnB,6DAA4D;EAC5D,cAAa,EAyChB;EAnDL;IAaY,uBAAsB;IACtB,gBAAe;IACf,kBAAiB;IACjB,0BDlBO;ICoCP,iBAAgB;IAChB,sCAAqC;IAErC,eAAc;IACd,oBAAmB,EAYtB;IAhCG;MAlBZ;QAoBoB,0BDnBgB,ECoBnB;IArBjB;MAyBgB,oBD1BqB,ECiCxB;MALG;QA3BhB;UA6BwB,0BD9Ba,EC+BhB;IA9BrB;MAyCgB,aAAY,EAQf;MAjDb;QA4CoB,YAAW;QACX,aAAY;QACZ,mBAAkB;QAClB,SAAQ,EACX","file":"docker/azui.docker.0.0.10.css","sourcesContent":["$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azContextMenuPopup {\n        background-color: $bg-color;\n        position: absolute;\n        min-width: 100px;\n        box-shadow: 0 0 5px rgba(0, 0, 0, .12), 0 5px 5px rgba(0, 0, 0, .12), 0 10px 30px rgba(0, 0, 0, .1);\n        outline: none;\n        font-size: 12px;\n\n        & div.azMenuItem {\n            // height: 50px;\n            display: grid;\n            align-content: center;\n            grid-template-columns: 24px 1fr;\n            background-color: $bg-color;\n            width: 100%; // text-align: left;\n            padding: 5px 0; // border: none;\n\n            & span {\n                display: inline-block;\n\n                &.icon {\n                    grid-column: 1/2;\n                    text-align: center;\n                    width: 24px; // background-color: blue;\n\n                    & svg {\n                        margin-top: 3px;\n                        width: 10px;\n                        height: 10px;\n                    }\n                }\n\n                &.title {\n                    grid-column: 2/3;\n                    margin: 1px 10px 0 8px; // background-color: red;\n                }\n            }\n\n            &.disabled * {\n                color: gray;\n                fill: gray;\n                cursor: not-allowed;\n            }\n\n            &:not(.disabled).selected {\n                background-color: #498DD5;\n                color: $bg-color;\n                cursor: pointer;\n            }\n\n        }\n\n        // & div.azMenuIconSeparator {\n        //     left: 24px;\n        //     border-left: solid 1px darken($color: $main-color, $amount: 7%);\n        //     background-color: white;\n        //     width: 2px;\n        //     position: absolute;\n        //     top: 0;\n        //     z-index: 0;\n        //     height: 100%;\n        //     overflow: hidden;\n        // }\n        & div.azMenuSeparator {\n            height: 2px;\n            border-top: solid 1px darken($color: $main-color, $amount: 7%);\n            background-color: white;\n            margin: 2px 0;\n            padding: 0;\n        }\n    }\n}","$main-color:#E8E8E8;\n$more-active:darken($main-color, 12%);\n$active:darken($main-color, 8%);\n$less-active:darken($main-color, 4%);\n\n$bg-color:#E8E8E8;\n$gray-text:#666666;\n$default-text: #444;\n$allow:#A4D666;\n$deny:#D95244;\n// $shadow:0 0 5px rgba(0, 0, 0, .12),\n// 0 5px 5px rgba(0, 0, 0, .12),\n// 0 10px 30px rgba(0, 0, 0, .1);\n$shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-hovered:0 3px 8px 0 rgba(0, 0, 0, 0.2),\n0 0 0 1px rgba(0, 0, 0, 0.08);\n$shadow-inset: inset 0 2px 2px 0 rgba(0, 0, 0, 0.16),\ninset 0 0 0 1px rgba(0, 0, 0, 0.08);\n\n$collapseIconSize: 4px;\n\n%hoveractive {\n    @media (hover: hover) {\n        &:not(.disabled):hover {\n            background-color: $less-active;\n        }\n    }\n\n    &:not(.disabled).active {\n        background-color: $more-active;\n    }\n\n    &.disabled * {\n        color: gray;\n        fill: gray;\n        cursor: not-allowed;\n    }\n\n    * {\n        user-select: none;\n    }\n}\n\n.azui {\n    font-size: 13px;\n    font-family: -apple-system, BlinkMacSystemFont, \"San Francisco\", \"Segoe UI\", Roboto, Ubuntu, \"Helvetica Neue\", Arial, sans-serif;\n\n    *,\n    *::before,\n    *::after {\n        box-sizing: border-box;\n    }\n\n    // * {\n    //     a {\n    //         text-decoration: none;\n    //     }\n    // }\n}","@import \"../utilities/utilities.scss\";\n\n.azui {\n    &.azDocker {\n        box-sizing: border-box;\n        // padding: 2px;\n        position: absolute;\n        bottom: 0;\n        width: 100%; // background-color: red;\n        display: grid;\n        grid-auto-flow: row;\n        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));\n        grid-gap: 2px;\n\n        & .azSortableItem {\n            box-sizing: border-box;\n            cursor: pointer;\n            user-select: none;\n            background-color: $main-color;\n\n            @media (hover: hover) {\n                &:hover {\n                    background-color: $less-active;\n                }\n            }\n\n            &.dock-active {\n                background: $more-active;\n\n                @media (hover: hover) {\n                    &:hover {\n                        background-color: $more-active;\n                    }\n                }\n            }\n\n            transition: 0.5s;\n            transition-property: background-color;\n\n            padding: 8px 0;\n            white-space: nowrap;\n\n            & span.icon {\n                padding: 8px;\n\n                & svg {\n                    width: 12px;\n                    height: 12px;\n                    position: relative;\n                    top: 2px;\n                }\n            }\n        }\n    }\n}"],"sourceRoot":""}