From 259c0402305e55af195ad98201dbc14f82eea711 Mon Sep 17 00:00:00 2001 From: "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){