feat(tables): removed .table-lg and adjust default+sm sizes

Orange-OpenSource · Dec 20, 2019 · ce13796 · ce13796
1 parent 1b3e641
commit ce13796
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 50 deletions.
diff --git a/scss/_tables.scss b/scss/_tables.scss
@@ -69,18 +69,10 @@
   th,
   td {
     padding: $table-cell-padding-sm;
+    line-height: $table-cell-line-height-sm;
   }
 }
 
-// Boosted mod
-.table-lg {
-  th,
-  td {
-    padding: $table-cell-padding-lg;
-  }
-}
-// end mod
-
 // Boosted mod: no bordered neither borderless tables
 
 // Boosted mod: no Zebra-striping

diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -421,11 +421,11 @@ $hr-margin-y:                 $spacer !default;
 //
 // Customizes the `.table` component with basic values, each used across all table variations.
 
-$table-cell-padding:          .5rem map-get($spacers, 2) map-get($spacers, 2) !default; // Boosted mod
-$table-cell-padding-sm:       .375rem !default; // 6px;
-$table-cell-padding-lg:       .90625rem !default; // 14.5px;
+$table-cell-padding:          .75rem map-get($spacers, 2) .875 !default; // Boosted mod
+$table-cell-padding-sm:       .5rem map-get($spacers, 2) map-get($spacers, 2) !default; // Boosted mod
 // stylelint-disable function-blacklist
-$table-cell-line-height:      calc(21 / 16) !default; // Boosted mod
+$table-cell-line-height:      calc(23 / 16) !default; // Boosted mod
+$table-cell-line-height-sm:   calc(21 / 16) !default; // Boosted mod
 // stylelint-enable function-blacklist
 
 $table-color:                 $body-color !default;

diff --git a/site/docs/4.4/content/tables.md b/site/docs/4.4/content/tables.md
@@ -267,43 +267,6 @@ Add `.table-sm` to make tables more compact by cutting cell padding in half.
 {% endcapture %}
 {% include example.html content=example %}
 
-### Large table
-
-Add `.table-lg` to make tables more compact by cutting cell padding in half.
-
-{% capture example %}
-<table class="table table-lg">
-  <thead>
-    <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 colspan="2">Larry the Bird</td>
-      <td>@twitter</td>
-    </tr>
-  </tbody>
-</table>
-{% endcapture %}
-{% include example.html content=example %}
-
 [comment]: # end mod
 
 [comment]: # Boosted mod: no Contextual classes