ref(css): moved bootstrap table styles (#27730)

static/less/base.less

@@ -573,12 +573,85 @@ optgroup {
 // Tables
 // ==========================================================================
 table {
+  background-color: @table-bg;
   border-collapse: collapse;
   border-spacing: 0;
   margin: 0 0 20px;
+
+  col[class*='col-'] {
+    position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
+    display: table-column;
+    float: none;
+  }
+
+  td,
+  th {
+    &[class*='col-'] {
+      position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
+      display: table-cell;
+      float: none;
+    }
+  }
 }
 
 td,
 th {
   padding: 0;
 }
+
+th {
+  text-align: left;
+}
+
+caption {
+  padding-top: @table-cell-padding;
+  padding-bottom: @table-cell-padding;
+  color: @text-muted;
+  text-align: left;
+}
+
+// These styles are still used in getsentry
+.table {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: @line-height-computed;
+  // Cells
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        padding: @table-cell-padding;
+        line-height: @line-height-base;
+        vertical-align: top;
+        border-top: 1px solid @table-border-color;
+      }
+    }
+  }
+  // Bottom align for column headings
+  > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 2px solid @table-border-color;
+  }
+  // Remove top border from thead by default
+  > caption + thead,
+  > colgroup + thead,
+  > thead:first-child {
+    > tr:first-child {
+      > th,
+      > td {
+        border-top: 0;
+      }
+    }
+  }
+  // Account for multiple tbody instances
+  > tbody + tbody {
+    border-top: 2px solid @table-border-color;
+  }
+
+  // Nesting
+  .table {
+    background-color: @body-bg;
+  }
+}

static/less/includes/bootstrap.less

@@ -2,7 +2,6 @@
 @import './bootstrap/dropdowns.less';
 @import './bootstrap/navs.less';
 @import './bootstrap/print.less';
-@import './bootstrap/tables.less';
 @import './bootstrap/scaffolding.less';
 @import './bootstrap/grid.less';
 @import './bootstrap/utilities.less';

static/less/includes/bootstrap/bootstrap.less

@@ -15,7 +15,6 @@
 // Core CSS
 @import 'scaffolding.less';
 @import 'grid.less';
-@import 'tables.less';
 @import 'buttons.less';
 
 // Components

static/less/includes/bootstrap/tables.less

@@ -1,123 +0,0 @@
-// stylelint-disable selector-max-type, selector-max-compound-selectors, selector-no-qualifying-type
-
-//
-// Tables
-// --------------------------------------------------
-
-table {
-  background-color: @table-bg;
-
-  // Table cell sizing
-  //
-  // Reset default table behavior
-
-  col[class*='col-'] {
-    position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
-    display: table-column;
-    float: none;
-  }
-
-  td,
-  th {
-    &[class*='col-'] {
-      position: static; // Prevent border hiding in Firefox and IE9-11 (see https://github.com/twbs/bootstrap/issues/11623)
-      display: table-cell;
-      float: none;
-    }
-  }
-}
-
-caption {
-  padding-top: @table-cell-padding;
-  padding-bottom: @table-cell-padding;
-  color: @text-muted;
-  text-align: left;
-}
-
-th {
-  text-align: left;
-}
-
-// Baseline styles
-
-.table {
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: @line-height-computed;
-  // Cells
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: @table-cell-padding;
-        line-height: @line-height-base;
-        vertical-align: top;
-        border-top: 1px solid @table-border-color;
-      }
-    }
-  }
-  // Bottom align for column headings
-  > thead > tr > th {
-    vertical-align: bottom;
-    border-bottom: 2px solid @table-border-color;
-  }
-  // Remove top border from thead by default
-  > caption + thead,
-  > colgroup + thead,
-  > thead:first-child {
-    > tr:first-child {
-      > th,
-      > td {
-        border-top: 0;
-      }
-    }
-  }
-  // Account for multiple tbody instances
-  > tbody + tbody {
-    border-top: 2px solid @table-border-color;
-  }
-
-  // Nesting
-  .table {
-    background-color: @body-bg;
-  }
-}
-
-// Condensed table w/ half padding
-
-.table-condensed {
-  > thead,
-  > tbody,
-  > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: @table-condensed-cell-padding;
-      }
-    }
-  }
-}
-
-// Hover effect
-//
-// Placed here since it has to come after the potential zebra striping
-
-.table-hover {
-  > tbody > tr:hover {
-    background-color: @table-bg-hover;
-  }
-}
-
-// Table backgrounds
-//
-// Exact selectors below required to override `.table-striped` and prevent
-// inheritance to nested tables.
-
-// Generate the contextual variants
-.table-row-variant(active; @table-bg-active);
-.table-row-variant(success; @state-success-bg);
-.table-row-variant(info; @state-info-bg);
-.table-row-variant(warning; @state-warning-bg);
-.table-row-variant(danger; @state-danger-bg);

static/less/includes/bootstrap/variables.less

@@ -111,14 +111,9 @@
 
 //** Padding for `<th>`s and `<td>`s.
 @table-cell-padding: 8px;
-//** Padding for cells in `.table-condensed`.
-@table-condensed-cell-padding: 5px;
 
 //** Default background color used for all tables.
 @table-bg: transparent;
-//** Background color used for `.table-hover`.
-@table-bg-hover: #f5f5f5;
-@table-bg-active: @table-bg-hover;
 
 //** Border color for table and cell borders.
 @table-border-color: #ddd;