D8CORE-1261: Revised table styles. (#617)

* D8CORE-1261: Revised table styles. * Update _table.scss
SU-SWS · Oct 7, 2020 · d8a102a · d8a102a
1 parent 8f1cec2
commit d8a102a
Show file tree

Hide file tree

Showing 20 changed files with 173 additions and 79 deletions.
diff --git a/core/dist/assets/fa-brands-400.eot b/core/dist/assets/fa-brands-400.eot
diff --git a/core/dist/assets/fa-brands-400.svg b/core/dist/assets/fa-brands-400.svg
diff --git a/core/dist/assets/fa-brands-400.ttf b/core/dist/assets/fa-brands-400.ttf
diff --git a/core/dist/assets/fa-brands-400.woff b/core/dist/assets/fa-brands-400.woff
diff --git a/core/dist/assets/fa-brands-400.woff2 b/core/dist/assets/fa-brands-400.woff2
diff --git a/core/dist/assets/fa-regular-400.eot b/core/dist/assets/fa-regular-400.eot
diff --git a/core/dist/assets/fa-regular-400.svg b/core/dist/assets/fa-regular-400.svg
diff --git a/core/dist/assets/fa-regular-400.ttf b/core/dist/assets/fa-regular-400.ttf
diff --git a/core/dist/assets/fa-regular-400.woff b/core/dist/assets/fa-regular-400.woff
diff --git a/core/dist/assets/fa-regular-400.woff2 b/core/dist/assets/fa-regular-400.woff2
diff --git a/core/dist/assets/fa-solid-900.eot b/core/dist/assets/fa-solid-900.eot
diff --git a/core/dist/assets/fa-solid-900.svg b/core/dist/assets/fa-solid-900.svg
diff --git a/core/dist/assets/fa-solid-900.ttf b/core/dist/assets/fa-solid-900.ttf
diff --git a/core/dist/assets/fa-solid-900.woff b/core/dist/assets/fa-solid-900.woff
diff --git a/core/dist/assets/fa-solid-900.woff2 b/core/dist/assets/fa-solid-900.woff2
diff --git a/core/dist/css/decanter.css b/core/dist/css/decanter.css
diff --git a/core/src/scss/core/fonts/_fonts.scss b/core/src/scss/core/fonts/_fonts.scss
@@ -18,11 +18,11 @@
 @import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700');
 
 // Script font: Kalam.
-@warn "The Kalam font will be removed in Version 7.";
+@warn "The Kalam font will be removed in Decanter Version 7.";
 @import url('https://fonts.googleapis.com/css?family=Kalam:300,400,700');
 
 // Sanskrit font: Noto Sans
-@warn "The Noto Sans font will be removed in Version 7.";
+@warn "The Noto Sans font will be removed in Decanter Version 7.";
 @import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&subset=devanagari');
 
 // Some of the Source Serif Pro fonts are not yet available on Google, so we

diff --git a/core/src/scss/elements/table/_table--borderless.scss b/core/src/scss/elements/table/_table--borderless.scss
@@ -2,19 +2,16 @@
 
 // Table without borders.
 .su-table--borderless {
-  thead {
-    tr {
-      background-color: transparent;
-    }
-
+  thead,
+  tbody {
+    tr,
+    td,
     th {
-      border-top: 0;
+      border: 0;
     }
   }
 
-  th,
-  td {
-    border-left: 0;
-    border-right: 0;
+  thead + tbody {
+    border: 0;
   }
 }
diff --git a/core/src/scss/elements/table/_table.scss b/core/src/scss/elements/table/_table.scss
@@ -14,37 +14,45 @@
 // Style guide: Elements.Table
 //
 table {
-  @include margin(2em 0);
+  @include margin(null 0);
+  @include modular-spacing('margin-bottom', 5);
+  border-collapse: collapse;
   border-spacing: 0;
   min-width: 100%;
 
-  th,
-  td {
-    @include padding(1.5rem);
-    border: 1px solid $su-color-driftwood;
+  caption {
+    @include caption;
   }
 
-  th {
-    background-color: $su-color-cloud;
-    color: $su-color-black;
-    font-weight: $su-font-regular;
-    text-align: left;
-  }
-
-  td {
-    background-color: $su-color-white;
-  }
+  thead,
+  tbody {
 
-  thead {
     th,
     td {
-      background-color: $su-color-cloud;
+      @include padding(1.5rem);
+
+      *:last-child {
+        @include margin(null null 0 null);
+      }
     }
-  }
 
-  tbody {
     th {
-      font-weight: $su-font-regular;
+      color: $su-color-black;
+      font-weight: $su-font-semi-bold;
+      text-align: left;
+    }
+
+    tr {
+      border-top: 1px solid $su-color-cool-grey-25;
+
+      &:first-of-type {
+        border-top: 0;
+      }
     }
   }
+
+  thead + tbody {
+    border-top: 1px solid $su-color-cool-grey-25;
+  }
+
 }
diff --git a/package-lock.json b/package-lock.json