mods on tables to fit original design

src/assets/scss/_settings.scss

@@ -108,10 +108,14 @@ $global-button-cursor: auto;
 $global-color-pick-contrast-tolerance: 0;
 $print-transparent-backgrounds: true;
 $print-hrefs: true;
+@include add-foundation-colors;
+
+// arc-hive globals
+// --------------
 $global-duration-archive: 0.3s; //duration of css transitions
 $global-bezier-archive: cubic-bezier(0, 0, 0.43, 1.49);
+$global-border-archive: 1px solid $body-font-color;
 
-@include add-foundation-colors;
 
 // 2. Breakpoints
 // --------------
@@ -249,7 +253,7 @@ $accordion-background: $white;
 $accordion-plusminus: true;
 $accordion-plus-content: '\002B';
 $accordion-minus-content: '\2013';
-$accordion-title-font-size: rem-calc(12);
+$accordion-title-font-size: $global-font-size;//rem-calc(12);
 $accordion-item-color: $body-font-color;
 $accordion-item-background-hover: none;
 $accordion-item-padding: $global-padding*1.5 0;
@@ -815,22 +819,22 @@ $switch-cursor-disabled: not-allowed;
 
 $table-background: $white;
 $table-color-scale: 5%;
-$table-border: 1px solid smart-scale($table-background, $table-color-scale);
+$table-border: none;//1px solid smart-scale($table-background, $table-color-scale);
-$table-padding: rem-calc(8 10 10);
+$table-padding: $global-padding*1.5 0;//rem-calc(8 10 10);
 $table-hover-scale: 2%;
 $table-row-hover: darken($table-background, $table-hover-scale);
 $table-row-stripe-hover: darken($table-background, $table-color-scale + $table-hover-scale);
-$table-is-striped: true;
+$table-is-striped: false;//true;
 $table-striped-background: smart-scale($table-background, $table-color-scale);
 $table-stripe: even;
-$table-head-background: smart-scale($table-background, $table-color-scale / 2);
+$table-head-background: $white;//smart-scale($table-background, $table-color-scale / 2);
 $table-head-row-hover: darken($table-head-background, $table-hover-scale);
 $table-foot-background: smart-scale($table-background, $table-color-scale);
 $table-foot-row-hover: darken($table-foot-background, $table-hover-scale);
 $table-head-font-color: $body-font-color;
 $table-foot-font-color: $body-font-color;
 $show-header-for-stacked: false;
-$table-stack-breakpoint: medium;
+$table-stack-breakpoint: small;
 
 // 51. Tabs
 // --------

src/assets/scss/components/_accordion.scss

@@ -1,5 +1,5 @@
 .accordion-item {
-  border-bottom: 1px solid $body-font-color;
+  border-bottom: $global-border-archive;
 }
 .accordion-title {
   ul,ol {

src/assets/scss/components/_tables.scss

@@ -0,0 +1,13 @@
+table {
+  tr._expand_site_item {
+    border-top: $global-border-archive;
+  }
+  th {
+    color: $mid-grey;
+  }
+  th,td {
+    font-weight: normal;
+    padding: $global-padding*1.5;
+    line-height: 1.6;
+  }
+}

src/assets/scss/modules/_content.scss

@@ -163,7 +163,7 @@
       main {
         @include xy-grid;
         article{
-          text-align:center;
+          // text-align:center;
           @include card-container();
           @include breakpoint(small){
             @include xy-cell();
@@ -172,13 +172,52 @@
           }
           @include breakpoint(large){
           }
+          margin-bottom:0;
+        }
+        table {
+          thead,tbody,tfoot {
+            margin: $global-padding*2;
+          }
         }
       }
       aside {
       }
     }
-    // end news category
+    // end collections category
+    //
+    // collections category
+    //--------------
 
+    .list-of-sites {
+      @include xy-grid;
+      header,.site-list,aside {
+        @include xy-cell(12);
+        @include flex;
+        @include flex-align(center,top);
+        padding: $global-padding*2 0;
+      }
+      header {
+        margin-top: 2*$global-margin;
+        border-top: 1px solid $body-font-color;
+        padding: $global-padding*2 0;
+      }
+      .site-list {
+        @include xy-grid;
+        article, table{
+          @include breakpoint(small){
+            @include xy-cell();
+          }
+          @include breakpoint(medium){
+          }
+          @include breakpoint(large){
+          }
+          margin-bottom:0;
+        }
+      }
+      aside {
+      }
+    }
+    // end collections category
     //
     // partners
     // for big announcemnts
@@ -227,7 +266,7 @@
           width: 100vw;
           margin: 0;
           .textwidget {
-            padding: $global-padding * 2;
+            padding: $global-padding * 3;
           }
         }
         @include breakpoint(medium){