feat(variables): use Boosted v4 values and make it compile + pass linter

Orange-OpenSource · Apr 8, 2020 · 56f9077 · 56f9077
1 parent ea16528
commit 56f9077
Show file tree

Hide file tree

Showing 3 changed files with 120 additions and 125 deletions.
diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -9,19 +9,31 @@
   vertical-align: $table-cell-vertical-align;
   background-color: $table-bg; // Reset for nesting within parents with `background-color`.
 
+  // Boosted mod
+  // = Only rows have border
+  // = Set line-height everywhere
+  tr {
+    border-bottom: $table-border-width solid $table-border-color;
+  }
+
   th,
   td {
     padding: $table-cell-padding;
-    border-bottom: $table-border-width solid $table-border-color;
+    line-height: $table-cell-line-height;
+    vertical-align: top;
   }
 
-  tbody {
-    vertical-align: inherit;
+  thead tr {
+    border-bottom-width: $table-border-width * 2;
   }
 
-  thead th {
-    vertical-align: bottom;
-    border-bottom-color: $table-head-border-color;
+  tbody th {
+    font-weight: $font-weight-normal;
+  }
+  // End mod
+
+  tbody {
+    vertical-align: inherit;
   }
 
   tbody + tbody {
@@ -44,7 +56,7 @@
 .table-sm {
   th,
   td {
-    padding: $table-cell-padding-sm;
+    line-height: $table-cell-line-height-sm; // Boosted mod
   }
 }
 
@@ -76,11 +88,12 @@
   color: $table-dark-color;
   background-color: $table-dark-bg;
 
-  th,
-  td,
-  thead th {
+  // Boosted mod: only table rows have borders
+  tr,
+  th {
     border-color: $table-dark-border-color;
   }
+  // End mod
 
   // Boosted mod: no .table-bordered