You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
22 KiB
1 lines
22 KiB
{"version":3,"sources":["tabulator_modern.scss"],"names":[],"mappings":"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","file":"tabulator_modern.min.css","sourcesContent":["/* Tabulator v3.3.1 (c) Oliver Folkerd */\n\n\r\n$primary: #3759D7; //the base text color from which the rest of the theme derives\r\n\r\n//Main Theme Variables\r\n$backgroundColor: #fff; //background color of tabulator\r\n$borderColor:#fff; //border to tablulator\r\n$textSize:16px; //table text size\r\n\r\n//header themeing\r\n$headerBackgroundColor:#fff; //border to tablulator\r\n$headerTextColor:$primary; //header text colour\r\n$headerBorderColor:#fff; //header border color\r\n$headerSeperatorColor:$primary; //header bottom seperator color\r\n$headerMargin:4px; //padding round header\r\n\r\n//column header arrows\r\n$sortArrowActive: $primary;\r\n$sortArrowInactive: lighten($primary, 30%);\r\n\r\n//row themeing\r\n$rowBackgroundColor:#f3f3f3; //table row background color\r\n$rowAltBackgroundColor:#fff; //table row background color\r\n$rowBorderColor:#fff; //table border color\r\n$rowTextColor:#333; //table text color\r\n$rowHoverBackground:#bbb; //row background color on hover\r\n\r\n$rowSelectedBackground: #9ABCEA; //row background color when selected\r\n$rowSelectedBackgroundHover: #769BCC;//row background color when selected and hovered\r\n\r\n$editBoxColor:#1D68CD; //border color for edit boxes\r\n$errorColor:#dd0000; //error indication\r\n\r\n//footer themeing\r\n$footerBackgroundColor:#fff; //border to tablulator\r\n$footerTextColor:$primary; //footer text colour\r\n$footerBorderColor:#aaa; //footer border color\r\n$footerSeperatorColor:#999; //footer bottom seperator color\r\n\r\n$handleWidth:10px; //width of the row handle\r\n$handleColor: $primary; //color for odd numbered rows\r\n$handleColorAlt: lighten($primary, 10%); //color for even numbered rows\r\n\r\n\r\n//Tabulator Containing Element\r\n.tabulator{\r\n\tposition: relative;\r\n\tborder: 1px solid $borderColor;\r\n\tbackground-color: $backgroundColor;\r\n\toverflow:hidden;\r\n\tfont-size:$textSize;\r\n\ttext-align: left;\r\n\r\n\t-webkit-transform: translatez(0);\r\n\t-moz-transform: translatez(0);\r\n\t-ms-transform: translatez(0);\r\n\t-o-transform: translatez(0);\r\n\ttransform: translatez(0);\r\n\r\n\t&[tabulator-layout=\"fitDataFill\"]{\r\n\t\t.tabulator-tableHolder{\r\n\t\t\t.tabulator-table{\r\n\t\t\t\tmin-width:100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&.tabulator-block-select{\r\n\t\tuser-select: none;\r\n\t}\r\n\r\n\t//column header containing element\r\n\t.tabulator-header{\r\n\t\tposition:relative;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\twidth:100%;\r\n\r\n\t\tborder-bottom:3px solid $headerSeperatorColor;\r\n\t\tmargin-bottom:4px;\r\n\t\tbackground-color: $headerBackgroundColor;\r\n\t\tcolor: $headerTextColor;\r\n\t\tfont-weight:bold;\r\n\r\n\t\twhite-space: nowrap;\r\n\t\toverflow:hidden;\r\n\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t\t-o-user-select: none;\r\n\r\n\t\tpadding-left:$handleWidth;\r\n\r\n\t\tfont-size: 1.1em;\r\n\r\n\t\t//individual column header element\r\n\t\t.tabulator-col{\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tposition:relative;\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tborder-right:2px solid $headerBorderColor;\r\n\t\t\tbackground-color: $headerBackgroundColor;\r\n\t\t\ttext-align:left;\r\n\t\t\tvertical-align: bottom;\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t&.tabulator-moving{\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tborder:1px solid $headerSeperatorColor;\r\n\t\t\t\tbackground:darken($headerBackgroundColor, 10%);\r\n\t\t\t\tpointer-events: none;\r\n\t\t\t}\r\n\r\n\t\t\t//hold content of column header\r\n\t\t\t.tabulator-col-content{\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding:4px;\r\n\r\n\t\t\t\t//hold title of column header\r\n\t\t\t\t.tabulator-col-title{\r\n\t\t\t\t\tbox-sizing:border-box;\r\n\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\twhite-space: nowrap;\r\n\t\t\t\t\toverflow: hidden;\r\n\t\t\t\t\ttext-overflow: ellipsis;\r\n\t\t\t\t\tvertical-align:bottom;\r\n\r\n\t\t\t\t\t//element to hold title editor\r\n\t\t\t\t\t.tabulator-title-editor{\r\n\t\t\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t\tborder:1px solid $primary;\r\n\r\n\t\t\t\t\t\tpadding:1px;\r\n\r\n\t\t\t\t\t\tbackground: #fff;\r\n\r\n\t\t\t\t\t\tfont-size: 1em;\r\n\t\t\t\t\t\tcolor: $primary;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t//column sorter arrow\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop:9px;\r\n\t\t\t\t\tright:8px;\r\n\t\t\t\t\twidth: 0;\r\n\t\t\t\t\theight: 0;\r\n\t\t\t\t\tborder-left: 6px solid transparent;\r\n\t\t\t\t\tborder-right: 6px solid transparent;\r\n\t\t\t\t\tborder-bottom: 6px solid $sortArrowInactive;\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t//complex header column group\r\n\t\t\t&.tabulator-col-group{\r\n\r\n\t\t\t\t//gelement to hold sub columns in column group\r\n\t\t\t\t.tabulator-col-group-cols{\r\n\t\t\t\t\tposition:relative;\r\n\t\t\t\t\tdisplay: flex;\r\n\r\n\t\t\t\t\tborder-top:2px solid $headerSeperatorColor;\r\n\t\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t\t.tabulator-col:last-child{\r\n\t\t\t\t\t\tmargin-right:-1px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\r\n\t\t\t//hide left resize handle on first column\r\n\t\t\t&:first-child{\r\n\t\t\t\t.tabulator-col-resize-handle.prev{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//placeholder element for sortable columns\r\n\t\t\t&.ui-sortable-helper{\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\tbackground-color: darken($headerBackgroundColor, 10%) !important;\r\n\t\t\t\tborder:1px solid $headerBorderColor;\r\n\t\t\t}\r\n\r\n\t\t\t//header filter containing element\r\n\t\t\t.tabulator-header-filter{\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tbox-sizing: border-box;\r\n\t\t\t\tmargin-top:2px;\r\n\t\t\t\twidth:100%;\r\n\t\t\t\ttext-align: center;\r\n\r\n\t\t\t\t//styling adjustment for inbuilt editors\r\n\t\t\t\ttextarea{\r\n\t\t\t\t\theight:auto !important;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsvg{\r\n\t\t\t\t\tmargin-top: 3px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//styling child elements for sortable columns\r\n\t\t\t&.tabulator-sortable{\r\n\t\t\t\t.tabulator-col-title{\r\n\t\t\t\t\tpadding-right:25px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tcursor:pointer;\r\n\t\t\t\t\tbackground-color:darken($headerBackgroundColor, 10%);\r\n\t\t\t\t}\r\n\r\n\r\n\t\t\t\t&[aria-sort=\"none\"]{\r\n\t\t\t\t\t.tabulator-col-content .tabulator-arrow{\r\n\t\t\t\t\t\tborder-top: none;\r\n\t\t\t\t\t\tborder-bottom: 6px solid $sortArrowInactive;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[aria-sort=\"asc\"]{\r\n\t\t\t\t\t.tabulator-col-content .tabulator-arrow{\r\n\t\t\t\t\t\tborder-top: none;\r\n\t\t\t\t\t\tborder-bottom: 6px solid $sortArrowActive;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&[aria-sort=\"desc\"]{\r\n\t\t\t\t\t.tabulator-col-content .tabulator-arrow{\r\n\t\t\t\t\t\tborder-top: 6px solid $sortArrowActive;\r\n\t\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t}\r\n\r\n\t\t.tabulator-frozen{\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\t// background-color: inherit;\r\n\r\n\t\t\tz-index: 10;\r\n\r\n\t\t\t&.tabulator-frozen-left{\r\n\t\t\t\tpadding-left: $handleWidth;\r\n\r\n\t\t\t\tborder-right:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-frozen-right{\r\n\t\t\t\tborder-left:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.tabulator-calcs-holder{\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tmin-width:200%;\r\n\r\n\t\t\tborder-top:2px solid $headerSeperatorColor !important;\r\n\r\n\t\t\tbackground:lighten($headerBackgroundColor, 5%) !important;\r\n\r\n\t\t\t.tabulator-row{\r\n\t\t\t\tpadding-left: 0 !important;\r\n\r\n\t\t\t\tbackground:lighten($headerBackgroundColor, 5%) !important;\r\n\r\n\t\t\t\t.tabulator-col-resize-handle{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.tabulator-cell{\r\n\t\t\t\t\tbackground:none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tborder-top:1px solid $rowBorderColor;\r\n\t\t\tborder-bottom:1px solid $headerBorderColor;\r\n\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\t}\r\n\r\n\t//scrolling element to hold table\r\n\t.tabulator-tableHolder{\r\n\t\tposition:relative;\r\n\t\twidth:100%;\r\n\t\twhite-space: nowrap;\r\n\t\toverflow:auto;\r\n\t\t-webkit-overflow-scrolling: touch;\r\n\r\n\t\t&:focus{\r\n\t\t\toutline: none;\r\n\t\t}\r\n\r\n\t\t//default placeholder element\r\n\t\t.tabulator-placeholder{\r\n\t\t\tposition: absolute;\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items:center;\r\n\r\n\t\t\ttop:0;\r\n\t\t\tleft:0;\r\n\t\t\theight:100%;\r\n\t\t\twidth:100%;\r\n\r\n\t\t\tspan{\r\n\t\t\t\tdisplay: inline-block;\r\n\r\n\t\t\t\tmargin:0 auto;\r\n\t\t\t\tpadding:10px;\r\n\r\n\t\t\t\tcolor:$primary;\r\n\t\t\t\tfont-weight: bold;\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//element to hold table rows\r\n\t\t.tabulator-table{\r\n\t\t\tposition:relative;\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tbackground-color:$rowBackgroundColor;\r\n\t\t\twhite-space: nowrap;\r\n\t\t\toverflow:visible;\r\n\t\t\tcolor:$rowTextColor;\r\n\r\n\t\t\t.tabulator-row{\r\n\t\t\t\t&.tabulator-calcs{\r\n\t\t\t\t\tfont-weight: bold;\r\n\t\t\t\t\tbackground:darken($rowAltBackgroundColor, 5%) !important;\r\n\r\n\t\t\t\t\t&.tabulator-calcs-top{\r\n\t\t\t\t\t\tborder-bottom:2px solid $headerSeperatorColor;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.tabulator-calcs-bottom{\r\n\t\t\t\t\t\tborder-top:2px solid $headerSeperatorColor;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//row element\r\n\t.tabulator-row{\r\n\t\tposition: relative;\r\n\t\tbox-sizing: border-box;\r\n\r\n\t\tbox-sizing: border-box;\r\n\t\tmin-height:$textSize + ($headerMargin * 2);\r\n\r\n\t\tbackground-color: $handleColor;\r\n\r\n\t\tpadding-left: $handleWidth !important;\r\n\r\n\t\tmargin-bottom: 2px;\r\n\r\n\t\t&:nth-child(even){\r\n\t\t\tbackground-color: $handleColorAlt;\r\n\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color: $rowAltBackgroundColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-selectable:hover{\r\n\t\t\tcursor: pointer;\r\n\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color:$rowHoverBackground;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-selected{\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color:$rowSelectedBackground;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-selected:hover{\r\n\t\t\t.tabulator-cell{\r\n\t\t\t\tbackground-color:$rowSelectedBackgroundHover;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.tabulator-moving{\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\tborder-top:1px solid $rowBorderColor;\r\n\t\t\tborder-bottom:1px solid $rowBorderColor;\r\n\r\n\t\t\tpointer-events: none !important;\r\n\t\t\tz-index:15;\r\n\t\t}\r\n\r\n\t\t.tabulator-frozen{\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tposition: absolute;\r\n\r\n\t\t\tbackground-color: inherit;\r\n\r\n\t\t\tz-index: 10;\r\n\r\n\t\t\t&.tabulator-frozen-left{\r\n\t\t\t\tpadding-left: $handleWidth;\r\n\t\t\t\tborder-right:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-frozen-right{\r\n\t\t\t\tborder-left:2px solid $rowBorderColor;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//cell element\r\n\t\t.tabulator-cell{\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tposition: relative;\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tpadding:6px 4px;\r\n\t\t\tborder-right:2px solid $rowBorderColor;\r\n\t\t\tvertical-align:middle;\r\n\t\t\twhite-space:nowrap;\r\n\t\t\toverflow:hidden;\r\n\t\t\ttext-overflow:ellipsis;\r\n\r\n\t\t\tbackground-color: $rowBackgroundColor;\r\n\r\n\t\t\t&.tabulator-editing{\r\n\t\t\t\tborder:1px solid $editBoxColor;\r\n\t\t\t\tpadding: 0;\r\n\r\n\t\t\t\tinput, select{\r\n\t\t\t\t\tborder:1px;\r\n\t\t\t\t\tbackground:transparent;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-validation-fail{\r\n\t\t\t\tborder:1px solid $errorColor;\r\n\t\t\t\tinput, select{\r\n\t\t\t\t\tborder:1px;\r\n\t\t\t\t\tbackground:transparent;\r\n\r\n\t\t\t\t\tcolor: $errorColor;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//hide left resize handle on first column\r\n\t\t\t&:first-child{\r\n\t\t\t\t.tabulator-col-resize-handle.prev{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//movable row handle\r\n\t\t\t&.tabulator-row-handle{\r\n\r\n\t\t\t\tdisplay: inline-flex;\r\n\t\t\t\talign-items:center;\r\n\r\n\t\t\t\t-moz-user-select: none;\r\n\t\t\t\t-khtml-user-select: none;\r\n\t\t\t\t-webkit-user-select: none;\r\n\t\t\t\t-o-user-select: none;\r\n\r\n\t\t\t\t//handle holder\r\n\t\t\t\t.tabulator-row-handle-box{\r\n\t\t\t\t\twidth:80%;\r\n\r\n\t\t\t\t\t//Hamburger element\r\n\t\t\t\t\t.tabulator-row-handle-bar{\r\n\t\t\t\t\t\twidth:100%;\r\n\t\t\t\t\t\theight:3px;\r\n\t\t\t\t\t\tmargin:2px 10% 0 10%;\r\n\t\t\t\t\t\tbackground:#666;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//row grouping element\r\n\t\t&.tabulator-group{\r\n\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\tborder-bottom:2px solid $primary;\r\n\t\t\tborder-top:2px solid $primary;\r\n\t\t\tpadding:5px;\r\n\t\t\tpadding-left:10px;\r\n\t\t\tbackground:lighten($primary, 20%);\r\n\t\t\tfont-weight:bold;\r\n\t\t\tcolor:fff;\r\n\t\t\tmargin-bottom: 2px;\r\n\r\n\t\t\tmin-width: 100%;\r\n\r\n\t\t\t&:hover{\r\n\t\t\t\tcursor:pointer;\r\n\t\t\t\tbackground-color:rgba(0,0,0,.1);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&.tabulator-group-visible{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-right:10px;\r\n\t\t\t\t\tborder-left: 6px solid transparent;\r\n\t\t\t\t\tborder-right: 6px solid transparent;\r\n\t\t\t\t\tborder-top: 6px solid $sortArrowActive;\r\n\t\t\t\t\tborder-bottom: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-1{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-2{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:40px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-3{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:60px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-4{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:80px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.tabulator-group-level-5{\r\n\t\t\t\t.tabulator-arrow{\r\n\t\t\t\t\tmargin-left:1000px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t//sorting arrow\r\n\t\t\t.tabulator-arrow{\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\twidth: 0;\r\n\t\t\t\theight: 0;\r\n\t\t\t\tmargin-right:16px;\r\n\t\t\t\tborder-top: 6px solid transparent;\r\n\t\t\t\tborder-bottom: 6px solid transparent;\r\n\t\t\t\tborder-right: 0;\r\n\t\t\t\tborder-left: 6px solid $sortArrowActive;\r\n\t\t\t\tvertical-align:middle;\r\n\t\t\t}\r\n\r\n\t\t\tspan{\r\n\t\t\t\tmargin-left:10px;\r\n\t\t\t\tcolor:$primary;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t//column resize handles\r\n\t.tabulator-col-resize-handle{\r\n\t\tposition:absolute;\r\n\t\tright:0;\r\n\t\ttop:0;\r\n\t\tbottom:0;\r\n\t\twidth:5px;\r\n\r\n\t\t&.prev{\r\n\t\t\tleft:0;\r\n\t\t\tright:auto;\r\n\t\t}\r\n\r\n\t\t&:hover{\r\n\t\t\tcursor:ew-resize;\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t//footer element\r\n\t.tabulator-footer{\r\n\t\tpadding:5px 10px;\r\n\t\tborder-top:1px solid $footerSeperatorColor;\r\n\t\tbackground-color: $footerBackgroundColor;\r\n\t\ttext-align:right;\r\n\t\tcolor: $footerTextColor;\r\n\t\tfont-weight:bold;\r\n\t\twhite-space:nowrap;\r\n\t\tuser-select:none;\r\n\r\n\t\t-moz-user-select: none;\r\n\t\t-khtml-user-select: none;\r\n\t\t-webkit-user-select: none;\r\n\t\t-o-user-select: none;\r\n\r\n\t\t.tabulator-calcs-holder{\r\n\t\t\tbox-sizing:border-box;\r\n\t\t\twidth:calc(\"100% + 20px\");\r\n\t\t\tmargin:-5px -10px 5px -10px;\r\n\r\n\t\t\ttext-align: left;\r\n\r\n\t\t\tbackground:lighten($footerBackgroundColor, 5%) !important;\r\n\r\n\t\t\tborder-top:3px solid $headerSeperatorColor !important;\r\n\t\t\tborder-bottom:2px solid $headerSeperatorColor !important;\r\n\r\n\t\t\t.tabulator-row{\r\n\t\t\t\tbackground:lighten($footerBackgroundColor, 5%) !important;\r\n\r\n\t\t\t\t.tabulator-col-resize-handle{\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.tabulator-cell{\r\n\t\t\t\t\tbackground:none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tborder-bottom:1px solid $rowBorderColor;\r\n\t\t\tborder-top:1px solid $rowBorderColor;\r\n\r\n\t\t\toverflow: hidden;\r\n\r\n\t\t\t&:only-child{\r\n\t\t\t\tmargin-bottom:-5px;\r\n\t\t\t\tborder-bottom:none;\r\n\t\t\t\tborder-bottom:none !important;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t//pagination container element\r\n\t\t.tabulator-pages{\r\n\t\t\tmargin:0 7px;\r\n\t\t}\r\n\r\n\t\t//pagination button\r\n\t\t.tabulator-page{\r\n\t\t\tdisplay:inline-block;\r\n\t\t\tmargin:0 2px;\r\n\t\t\tborder:1px solid $footerBorderColor;\r\n\t\t\tborder-radius:3px;\r\n\t\t\tpadding:2px 5px;\r\n\t\t\tbackground:rgba(255,255,255,.2);\r\n\t\t\tcolor: $footerTextColor;\r\n\t\t\tfont-family:inherit;\r\n\t\t\tfont-weight:inherit;\r\n\t\t\tfont-size:inherit;\r\n\r\n\t\t\t&.active{\r\n\t\t\t\tcolor:$primary;\r\n\t\t\t}\r\n\r\n\t\t\t&:disabled{\r\n\t\t\t\topacity:.5;\r\n\t\t\t}\r\n\r\n\t\t\t&:not(.disabled){\r\n\t\t\t\t&:hover{\r\n\t\t\t\t\tcursor:pointer;\r\n\t\t\t\t\tbackground:rgba(0,0,0,.2);\r\n\t\t\t\t\tcolor:#fff;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t//holding div that contains loader and covers tabulator element to prevent interaction\r\n\t.tablulator-loader{\r\n\t\tposition:absolute;\r\n\t\tdisplay: flex;\r\n\t\talign-items:center;\r\n\r\n\t\ttop:0;\r\n\t\tleft:0;\r\n\t\tz-index:100;\r\n\r\n\t\theight:100%;\r\n\t\twidth:100%;\r\n\t\tbackground:rgba(0,0,0,.4);\r\n\t\ttext-align:center;\r\n\r\n\t\t//loading message element\r\n\t\t.tabulator-loader-msg{\r\n\t\t\tdisplay:inline-block;\r\n\r\n\t\t\tmargin:0 auto;\r\n\t\t\tpadding:10px 20px;\r\n\r\n\t\t\tborder-radius:10px;\r\n\r\n\t\t\tbackground:#fff;\r\n\t\t\tfont-weight:bold;\r\n\t\t\tfont-size:16px;\r\n\r\n\t\t\t//loading message\r\n\t\t\t&.tabulator-loading{\r\n\t\t\t\tborder:4px solid #333;\r\n\t\t\t\tcolor:#000;\r\n\t\t\t}\r\n\r\n\t\t\t//error message\r\n\t\t\t&.tabulator-error{\r\n\t\t\t\tborder:4px solid #D00;\r\n\t\t\t\tcolor:#590000;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"]}
|