tabulator-tables 5.4.3 → 5.5.0

package/dist/css/tabulator_semanticui.css

@@ -1,43 +1,43 @@
-/*******************************
-         Site Settings
+/*******************************
+         Site Settings
 *******************************/
 
-/*-------------------
-       Fonts
+/*-------------------
+       Fonts
 --------------------*/
 
-/*-------------------
-      Base Sizes
+/*-------------------
+      Base Sizes
 --------------------*/
 
 /* This is the single variable that controls them all */
 
 /* The size of page text  */
 
-/*-------------------
-  Exact Pixel Values
+/*-------------------
+  Exact Pixel Values
 --------------------*/
 
-/*
-  These are used to specify exact pixel values in em
-  for things like borders that remain constantly
-  sized as emSize adjusts
-
-  Since there are many more sizes than names for sizes,
-  these are named by their original pixel values.
-
+/*
+  These are used to specify exact pixel values in em
+  for things like borders that remain constantly
+  sized as emSize adjusts
+
+  Since there are many more sizes than names for sizes,
+  these are named by their original pixel values.
+
 */
 
-/*-------------------
-    Border Radius
+/*-------------------
+    Border Radius
 --------------------*/
 
-/* See Power-user section below
-   for explanation of $px variables
+/* See Power-user section below
+   for explanation of $px variables
 */
 
-/*-------------------
-      Site Colors
+/*-------------------
+      Site Colors
 --------------------*/
 
 /*---  Colors  ---*/
@@ -54,24 +54,24 @@
 
 /*--- Colored Border ---*/
 
-/*-------------------
-     Alpha Colors
+/*-------------------
+     Alpha Colors
 --------------------*/
 
-/*-------------------
-    Brand Colors
+/*-------------------
+    Brand Colors
 --------------------*/
 
-/*--------------
-  Page Heading
+/*--------------
+  Page Heading
 ---------------*/
 
-/*-------------------
-        Page
+/*-------------------
+        Page
 --------------------*/
 
-/*--------------
-   Form Input
+/*--------------
+   Form Input
 ---------------*/
 
 /* This adjusts the default form input across all elements */
@@ -80,72 +80,72 @@
 
 /* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
 
-/*-------------------
-    Focused Input
+/*-------------------
+    Focused Input
 --------------------*/
 
 /* Used on inputs, textarea etc */
 
 /* Used on dropdowns, other larger blocks */
 
-/*-------------------
-        Sizes
+/*-------------------
+        Sizes
 --------------------*/
 
-/*
-  Sizes are all expressed in terms of 14px/em (default em)
-  This ensures these "ratios" remain constant despite changes in EM
+/*
+  Sizes are all expressed in terms of 14px/em (default em)
+  This ensures these "ratios" remain constant despite changes in EM
 */
 
-/*-------------------
-      Paragraph
+/*-------------------
+      Paragraph
 --------------------*/
 
-/*-------------------
-       Links
+/*-------------------
+       Links
 --------------------*/
 
-/*-------------------
-  Highlighted Text
+/*-------------------
+  Highlighted Text
 --------------------*/
 
-/*-------------------
-       Em Sizes
+/*-------------------
+       Em Sizes
 --------------------*/
 
-/*
-  This rounds $size values to the closest pixel then expresses that value in (r)em.
-  This ensures all size values round to exact pixels
+/*
+  This rounds $size values to the closest pixel then expresses that value in (r)em.
+  This ensures all size values round to exact pixels
 */
 
 /* em */
 
 /* rem */
 
-/*-------------------
-       Loader
+/*-------------------
+       Loader
 --------------------*/
 
-/*-------------------
-        Grid
+/*-------------------
+        Grid
 --------------------*/
 
-/*-------------------
-     Transitions
+/*-------------------
+     Transitions
 --------------------*/
 
-/*-------------------
-     Breakpoints
+/*-------------------
+     Breakpoints
 --------------------*/
 
 /* Columns */
 
-/*******************************
-           Power-User
+/*******************************
+           Power-User
 *******************************/
 
-/*-------------------
-    Emotive Colors
+/*-------------------
+    Emotive Colors
 --------------------*/
 
 /* Positive */
@@ -156,40 +156,40 @@
 
 /* Warning */
 
-/*-------------------
-        Paths
+/*-------------------
+        Paths
 --------------------*/
 
 /* For source only. Modified in gulp for dist */
 
-/*-------------------
-       Icons
+/*-------------------
+       Icons
 --------------------*/
 
 /* Maximum Glyph Width of Icon */
 
-/*-------------------
-     Neutral Text
+/*-------------------
+     Neutral Text
 --------------------*/
 
-/*-------------------
-     Brand Colors
+/*-------------------
+     Brand Colors
 --------------------*/
 
-/*-------------------
-      Borders
+/*-------------------
+      Borders
 --------------------*/
 
-/*-------------------
-       Accents
+/*-------------------
+       Accents
 --------------------*/
 
 /* Differentiating Neutrals */
 
 /* Differentiating Layers */
 
-/*-------------------
-    Derived Values
+/*-------------------
+    Derived Values
 --------------------*/
 
 /* Loaders Position Offset */
@@ -208,16 +208,16 @@
 
 /* Responsive */
 
-/*******************************
-             States
+/*******************************
+             States
 *******************************/
 
-/*-------------------
-      Disabled
+/*-------------------
+      Disabled
 --------------------*/
 
-/*-------------------
-        Hover
+/*-------------------
+        Hover
 --------------------*/
 
 /*---  Shadows  ---*/
@@ -232,8 +232,8 @@
 
 /*---  Light Tones  ---*/
 
-/*-------------------
-        Focus
+/*-------------------
+        Focus
 --------------------*/
 
 /*---  Colors  ---*/
@@ -246,8 +246,8 @@
 
 /*---  Light Tones  ---*/
 
-/*-------------------
-    Down (:active)
+/*-------------------
+    Down (:active)
 --------------------*/
 
 /*---  Colors  ---*/
@@ -260,8 +260,8 @@
 
 /*---  Light Tones  ---*/
 
-/*-------------------
-        Active
+/*-------------------
+        Active
 --------------------*/
 
 /*---  Colors  ---*/
@@ -274,16 +274,16 @@
 
 /*---  Light Tones  ---*/
 
-/*******************************
-             Table
+/*******************************
+             Table
 *******************************/
 
-/*-------------------
-       Element
+/*-------------------
+       Element
 --------------------*/
 
-/*--------------
-     Parts
+/*--------------
+     Parts
 ---------------*/
 
 /* Table Row */
@@ -296,18 +296,18 @@
 
 /* Responsive Size */
 
-/*-------------------
-       Types
+/*-------------------
+       Types
 --------------------*/
 
 /* Definition */
 
-/*--------------
-    Couplings
+/*--------------
+    Couplings
 ---------------*/
 
-/*--------------
-     States
+/*--------------
+     States
 ---------------*/
 
 /* Positive */
@@ -320,8 +320,8 @@
 
 /* Active */
 
-/*--------------
-     Types
+/*--------------
+     Types
 ---------------*/
 
 /* Attached */
@@ -514,18 +514,22 @@
   padding-right: 25px;
 }
 
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
-  cursor: pointer;
-  background-color: #dae1e7;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable.tabulator-col-sorter-element:hover {
+    cursor: pointer;
+    background-color: #dae1e7;
+  }
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter {
   color: #bbb;
 }
 
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
-  cursor: pointer;
-  border-bottom: 6px solid #555;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
+    cursor: pointer;
+    border-bottom: 6px solid #555;
+  }
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="none"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
@@ -537,9 +541,11 @@
   color: #666;
 }
 
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
-  cursor: pointer;
-  border-bottom: 6px solid #555;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
+    cursor: pointer;
+    border-bottom: 6px solid #555;
+  }
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="ascending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
@@ -551,9 +557,11 @@
   color: #666;
 }
 
-.tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
-  cursor: pointer;
-  border-top: 6px solid #555;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter.tabulator-col-sorter-element .tabulator-arrow:hover {
+    cursor: pointer;
+    border-top: 6px solid #555;
+  }
 }
 
 .tabulator .tabulator-header .tabulator-col.tabulator-sortable[aria-sort="descending"] .tabulator-col-content .tabulator-col-sorter .tabulator-arrow {
@@ -608,7 +616,6 @@
 
 .tabulator .tabulator-header .tabulator-calcs-holder {
   box-sizing: border-box;
-  min-width: 600%;
   background: white !important;
   border-top: 1px solid #ddd;
   border-bottom: 1px solid #ddd;
@@ -622,10 +629,6 @@
   display: none;
 }
 
-.tabulator .tabulator-header .tabulator-frozen-rows-holder {
-  min-width: 600%;
-}
-
 .tabulator .tabulator-header .tabulator-frozen-rows-holder:empty {
   display: none;
 }
@@ -782,10 +785,12 @@
   opacity: .5;
 }
 
-.tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.2);
-  color: #fff;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-footer .tabulator-page:not(.disabled):hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+    color: #fff;
+  }
 }
 
 .tabulator .tabulator-col-resize-handle {
@@ -798,8 +803,10 @@
   vertical-align: middle;
 }
 
-.tabulator .tabulator-col-resize-handle:hover {
-  cursor: ew-resize;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-col-resize-handle:hover {
+    cursor: ew-resize;
+  }
 }
 
 .tabulator .tabulator-col-resize-handle:last-of-type {
@@ -851,18 +858,22 @@
   background-color: #EFEFEF;
 }
 
-.tabulator-row.tabulator-selectable:hover {
-  background-color: #bbb;
-  cursor: pointer;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-selectable:hover {
+    background-color: #bbb;
+    cursor: pointer;
+  }
 }
 
 .tabulator-row.tabulator-selected {
   background-color: #9ABCEA;
 }
 
-.tabulator-row.tabulator-selected:hover {
-  background-color: #769BCC;
-  cursor: pointer;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-selected:hover {
+    background-color: #769BCC;
+    cursor: pointer;
+  }
 }
 
 .tabulator-row.tabulator-row-moving {
@@ -891,8 +902,10 @@
   bottom: auto;
 }
 
-.tabulator-row .tabulator-row-resize-handle:hover {
-  cursor: ns-resize;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row .tabulator-row-resize-handle:hover {
+    cursor: ns-resize;
+  }
 }
 
 .tabulator-row .tabulator-responsive-collapse {
@@ -1017,9 +1030,11 @@
   overflow: hidden;
 }
 
-.tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.2);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row .tabulator-cell .tabulator-data-tree-control:hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+  }
 }
 
 .tabulator-row .tabulator-cell .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
@@ -1075,9 +1090,11 @@
   font-size: 1.1em;
 }
 
-.tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
-  opacity: .7;
-  cursor: pointer;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle:hover {
+    opacity: .7;
+    cursor: pointer;
+  }
 }
 
 .tabulator-row .tabulator-cell .tabulator-responsive-collapse-toggle.open .tabulator-responsive-collapse-toggle-close {
@@ -1115,9 +1132,11 @@
   min-width: 100%;
 }
 
-.tabulator-row.tabulator-group:hover {
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0.1);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-group:hover {
+    cursor: pointer;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
 }
 
 .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
@@ -1207,9 +1226,11 @@
   opacity: .5;
 }
 
-.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
-  cursor: pointer;
-  background: #EFEFEF;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
+    cursor: pointer;
+    background: #EFEFEF;
+  }
 }
 
 .tabulator-menu .tabulator-menu-item.tabulator-menu-item-submenu {
@@ -1261,10 +1282,12 @@
   outline: 1px solid #1D68CD;
 }
 
-.tabulator-edit-list .tabulator-edit-list-item:hover {
-  cursor: pointer;
-  color: #fff;
-  background: #1D68CD;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-edit-list .tabulator-edit-list-item:hover {
+    cursor: pointer;
+    color: #fff;
+    background: #1D68CD;
+  }
 }
 
 .tabulator-edit-list .tabulator-edit-list-placeholder {
@@ -1409,9 +1432,11 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   min-width: 100%;
 }
 
-.tabulator-print-table .tabulator-print-table-group:hover {
-  cursor: pointer;
-  background-color: rgba(0, 0, 0, 0.1);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-print-table .tabulator-print-table-group:hover {
+    cursor: pointer;
+    background-color: rgba(0, 0, 0, 0.1);
+  }
 }
 
 .tabulator-print-table .tabulator-print-table-group.tabulator-group-visible .tabulator-arrow {
@@ -1477,9 +1502,11 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   overflow: hidden;
 }
 
-.tabulator-print-table .tabulator-data-tree-control:hover {
-  cursor: pointer;
-  background: rgba(0, 0, 0, 0.2);
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-print-table .tabulator-data-tree-control:hover {
+    cursor: pointer;
+    background: rgba(0, 0, 0, 0.2);
+  }
 }
 
 .tabulator-print-table .tabulator-data-tree-control .tabulator-data-tree-control-collapse {
@@ -1609,10 +1636,12 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   color: #21BA45 !important;
 }
 
-.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.positive:hover,
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.positive:hover,
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.positive:hover {
-  background: #f7ffe6 !important;
-  color: #13ae38 !important;
+    background: #f7ffe6 !important;
+    color: #13ae38 !important;
+  }
 }
 
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.negative,
@@ -1622,10 +1651,12 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   color: #DB2828 !important;
 }
 
-.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.negative:hover,
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.negative:hover,
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.negative:hover {
-  background: #ffe7e7 !important;
-  color: #d41616 !important;
+    background: #ffe7e7 !important;
+    color: #d41616 !important;
+  }
 }
 
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error,
@@ -1635,10 +1666,12 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   color: #DB2828 !important;
 }
 
-.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error:hover,
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.error:hover,
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.error:hover {
-  background: #ffe7e7 !important;
-  color: #d12323 !important;
+    background: #ffe7e7 !important;
+    color: #d12323 !important;
+  }
 }
 
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.warning,
@@ -1648,10 +1681,12 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   color: #F2C037 !important;
 }
 
-.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.warning:hover,
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.warning:hover,
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.warning:hover {
-  background: #fff4e4 !important;
-  color: #f1bb29 !important;
+    background: #fff4e4 !important;
+    color: #f1bb29 !important;
+  }
 }
 
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active,
@@ -1661,19 +1696,27 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   color: rgba(0, 0, 0, 0.87) !important;
 }
 
-.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active:hover,
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active:hover,
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.active:hover {
-  background: #f7ffe6 !important;
-  color: #13ae38 !important;
+    background: #f7ffe6 !important;
+    color: #13ae38 !important;
+  }
 }
 
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.active,
-.tabulator .tabulator-tableholder .tabulator-table .tabulator-row.disabled:hover,
 .tabulator .tabulator-tableholder .tabulator-table .tabulator-row .tabulator-cell.active {
   pointer-events: none;
   color: rgba(0, 0, 0, 0.2);
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .tabulator .tabulator-tableholder .tabulator-table .tabulator-row.disabled:hover {
+    pointer-events: none;
+    color: rgba(0, 0, 0, 0.2);
+  }
+}
+
 .tabulator.inverted {
   background: #333333;
   color: rgba(255, 255, 255, 0.9);
@@ -1896,19 +1939,23 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background-color: transparent;
 }
 
-.tabulator-row.tabulator-selectable:hover {
-  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
-  background: #E0E0E0 !important;
-  color: rgba(0, 0, 0, 0.87) !important;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-selectable:hover {
+    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.87) inset;
+    background: #E0E0E0 !important;
+    color: rgba(0, 0, 0, 0.87) !important;
+  }
 }
 
 .tabulator-row.tabulator-selected {
   background-color: #9ABCEA !important;
 }
 
-.tabulator-row.tabulator-selected:hover {
-  background-color: #769BCC !important;
-  cursor: pointer;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-row.tabulator-selected:hover {
+    background-color: #769BCC !important;
+    cursor: pointer;
+  }
 }
 
 .tabulator-row.tabulator-moving {
@@ -1941,8 +1988,10 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background: #FFFFFF;
 }
 
-.tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
-  background: #F9FAFB;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-menu .tabulator-menu-item:not(.tabulator-menu-item-disabled):hover {
+    background: #F9FAFB;
+  }
 }
 
 .tabulator-edit-select-list {
@@ -1957,8 +2006,10 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   outline: 1px solid rgba(255, 255, 255, 0.5);
 }
 
-.tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
-  color: #FFFFFF;
+@media (hover: hover) and (pointer: fine) {
+  .tabulator-edit-select-list .tabulator-edit-select-list-item:hover {
+    color: #FFFFFF;
+  }
 }
 
 .tabulator-edit-select-list .tabulator-edit-select-list-notice {