{"version":3,"sources":["webpack:///./src/pager/src/utilities/utilities.scss","webpack:///./src/pager/src/pager/pager.scss"],"names":[],"mappings":";;;;;;;AA4CA;EACI,gBAAe;EACf,iIAAgI,EAanI;EAfD;;;IAOQ,uBAAsB,EACzB;;AClDL;EAEQ,cAAa;EACb,+BAA8B;EAC9B,oBAAmB;EACnB,aAAY;EACZ,uBAAsB;EACtB,+BAAgE;EAChE,gCAAiE;EACjE,iCAAkE;EAClE,0BDZW;ECaX,6BAA4B;EAC5B,gBAAe;EACf,gBAAe,EAiDlB;EA9DL;IAgBY,mBAAkB;IAClB,SAAQ;IACR,mBAAkB;IAClB,gBAAe,EAelB;IAlCT;MAsBgB,YAAW;MACX,aAAY;MACZ,cDpBE,EC6BL;MAjCb;QA2BoB,YAAgD,EACnD;MA5BjB;QA+BoB,cAA+C,EAClD;EAhCjB;IAuCY,kCAAiC;IACjC,gBAAe;IACf,kBAAiB;IACjB,YAAW;IACX,2BAA0B,EAO7B;IAlDT;MA+CgB,yBAAwB;MACxB,UAAS,EACZ;EAjDb;IAqDY,eDjDM;ICkDN,oBAAmB,EACtB;EAED;IAzDR;MA2DgB,cAAa,EAChB","file":"pager/azui.pager.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    &.azPager {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        height: 30px;\n        box-sizing: border-box;\n        border-left: 1px solid darken($color: $main-color, $amount: 10%);\n        border-right: 1px solid darken($color: $main-color, $amount: 10%);\n        border-bottom: 1px solid darken($color: $main-color, $amount: 10%);\n        background-color: $main-color;\n        border-top: 1px solid silver;\n        padding: 0 10px;\n        font-size: 12px;\n\n        & a.azPageIcon {\n            position: relative;\n            top: 2px;\n            margin-right: 15px;\n            cursor: pointer;\n\n            &>svg {\n                width: 12px;\n                height: 12px;\n                fill: $gray-text;\n\n                &:hover {\n                    fill: lighten($color: $main-color, $amount: 20%);\n                }\n\n                &:active {\n                    fill: darken($color: $main-color, $amount: 20%);\n                }\n            }\n        }\n\n        & input[type=number].pagerInput {\n            // position: relative;\n            // text-align: right;\n            font-family: 'Roboto', sans-serif;\n            font-size: 13px;\n            margin-right: 5px;\n            width: 40px; // top: -2px;\n            -moz-appearance: textfield;\n\n            &::-webkit-outer-spin-button,\n            &::-webkit-inner-spin-button {\n                -webkit-appearance: none;\n                margin: 0;\n            }\n        }\n\n        & .azPageInfo {\n            color: $gray-text;\n            white-space: nowrap;\n        }\n\n        @media screen and (orientation:portrait) {\n            & .azWideScreen {\n                display: none;\n            }\n        }\n    }\n}"],"sourceRoot":""}