feat(tables): remove .thead-{dark|light} variants

Orange-OpenSource · Jan 2, 2020 · dcd2bbd · dcd2bbd
1 parent 553cb10
commit dcd2bbd
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 92 deletions.
diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -93,29 +93,8 @@
 
 // Boosted mod: no Table backgrounds
 
+// Boosted mod: no thead backgrounds' variant
 
-// Dark styles
-//
-// Same table markup, but inverted color scheme: dark background and light text.
-
-// stylelint-disable-next-line no-duplicate-selectors
-.table {
-  .thead-dark {
-    th {
-      color: $table-dark-color;
-      background-color: $table-dark-bg;
-      border-color: $table-dark-border-color;
-    }
-  }
-
-  .thead-light {
-    th {
-      color: $table-head-color;
-      background-color: $table-head-bg;
-      border-color: $table-border-color;
-    }
-  }
-}
 
 .table-dark {
   color: $table-dark-color;

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -438,8 +438,8 @@ $table-hover-bg:              $gray-300 !default; // Boosted mod : #eee on white
 $table-border-width:          $border-width / 2 !default; // Boosted mod :  1px
 $table-border-color:          $gray-500 !default;
 
-$table-head-bg:               $white !default;
-$table-head-color:            $black !default;
+// $table-head-bg:               $white !default; // Boosted mod
+// $table-head-color:            $black !default; // Boosted mod
 
 $table-dark-color:            $white !default;
 $table-dark-bg:               $black !default;

diff --git a/site/docs/4.4/content/tables.md b/site/docs/4.4/content/tables.md
@@ -82,74 +82,7 @@ You can also invert the colors—with light text on dark backgrounds—with `.ta
 {% endcapture %}
 {% include example.html content=example %}
 
-## Table head options
-
-Similar to tables and dark tables, use the modifier classes `.thead-light` or `.thead-dark` to make `<thead>`s appear light or dark gray.
-
-{% capture example %}
-<table class="table">
-  <thead class="thead-dark">
-    <tr>
-      <th scope="col">#</th>
-      <th scope="col">First</th>
-      <th scope="col">Last</th>
-      <th scope="col">Handle</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th scope="row">1</th>
-      <td>Mark</td>
-      <td>Otto</td>
-      <td>@mdo</td>
-    </tr>
-    <tr>
-      <th scope="row">2</th>
-      <td>Jacob</td>
-      <td>Thornton</td>
-      <td>@fat</td>
-    </tr>
-    <tr>
-      <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@twitter</td>
-    </tr>
-  </tbody>
-</table>
-
-<table class="table">
-  <thead class="thead-light">
-    <tr>
-      <th scope="col">#</th>
-      <th scope="col">First</th>
-      <th scope="col">Last</th>
-      <th scope="col">Handle</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <th scope="row">1</th>
-      <td>Mark</td>
-      <td>Otto</td>
-      <td>@mdo</td>
-    </tr>
-    <tr>
-      <th scope="row">2</th>
-      <td>Jacob</td>
-      <td>Thornton</td>
-      <td>@fat</td>
-    </tr>
-    <tr>
-      <th scope="row">3</th>
-      <td>Larry</td>
-      <td>the Bird</td>
-      <td>@twitter</td>
-    </tr>
-  </tbody>
-</table>
-{% endcapture %}
-{% include example.html content=example %}
+[comment]: # Boosted mod: no Table head options
 
 [comment]: # Boosted mod: no Striped rows