From 259c0402305e55af195ad98201dbc14f82eea711 Mon Sep 17 00:00:00 2001
From: "Jorge hangar.org" <jorge@hangar.org>
Date: Mon, 28 Jun 2021 16:23:23 +0200
Subject: [PATCH] mods on tables to fit original design

---
 src/assets/scss/_settings.scss             | 18 +++++----
 src/assets/scss/components/_accordion.scss |  2 +-
 src/assets/scss/components/_tables.scss    | 13 +++++++
 src/assets/scss/modules/_content.scss      | 45 ++++++++++++++++++++--
 4 files changed, 67 insertions(+), 11 deletions(-)
 create mode 100644 src/assets/scss/components/_tables.scss

diff --git a/src/assets/scss/_settings.scss b/src/assets/scss/_settings.scss
index 5a06b69..1d2494c 100644
--- a/src/assets/scss/_settings.scss
+++ b/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-padding: rem-calc(8 10 10);
+$table-border: none;//1px solid smart-scale($table-background, $table-color-scale);
+$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
 // --------
diff --git a/src/assets/scss/components/_accordion.scss b/src/assets/scss/components/_accordion.scss
index 88f3fc0..b35648f 100644
--- a/src/assets/scss/components/_accordion.scss
+++ b/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 {
diff --git a/src/assets/scss/components/_tables.scss b/src/assets/scss/components/_tables.scss
new file mode 100644
index 0000000..2364bd9
--- /dev/null
+++ b/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;
+  }
+}
diff --git a/src/assets/scss/modules/_content.scss b/src/assets/scss/modules/_content.scss
index fa86399..cd94d60 100644
--- a/src/assets/scss/modules/_content.scss
+++ b/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){