Update

1 files changed, 26 insertions, 31 deletions

diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss
index f722864..f285207 100644
--- a/src/scopes/_tables.scss
+++ b/src/scopes/_tables.scss
@@ -1,49 +1,44 @@
-@use 'sass:meta';
+@use 'sass:map';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../functions' as fn;
-@use '../mixins' as mx;
+@use '../props';
+@use '../objects/table.vars' as table;
 
-@forward 'lists.vars';
-@use 'lists.vars' as vars;
+@forward 'tables.vars';
+@use 'tables.vars' as vars;
 
 @mixin styles {
-    @include props.materialize(meta.module-variables('vars'));
-
     @include iro.bem-scope('tables') {
         table {
-            margin-block-start: fn.dim(--margin-bs);
+            margin-block-start: props.get(vars.$margin-bs);
             border-spacing:     0;
             border-collapse:    separate;
         }
 
         th {
-            @include mx.set-font(--standard, (
-                --line-height: null,
-                --size:        fn.global-dim(--font-size --50),
-                --weight:      bold,
-                --transform:   uppercase,
-                --spacing:     .5px
-            ));
-
-            padding-block:  fn.dim(--pad-b);
-            padding-inline: fn.dim(--pad-i);
-            color:          fn.color(--heading);
+            padding-block:  props.get(table.$pad-b);
+            padding-inline: props.get(table.$pad-i);
+            font-family:    props.get(table.$heading--font-family);
+            font-size:      props.get(table.$heading--font-size);
+            font-weight:    props.get(table.$heading--font-weight);
+            color:          props.get(table.$heading-color);
             text-align:     start;
+            text-transform: props.get(table.$heading--text-transform);
+            letter-spacing: props.get(table.$heading--letter-spacing);
         }
 
         td {
-            padding-block:            fn.dim(--pad-b);
-            padding-inline:           fn.dim(--pad-i);
-            border-color:             fn.color(--border);
+            padding-block:            props.get(table.$pad-b);
+            padding-inline:           props.get(table.$pad-i);
+            border-color:             props.get(table.$border-color);
             border-style:             solid;
             border-width:             0;
-            border-block-start-width: fn.dim(--border);
+            border-block-start-width: props.get(table.$border-width);
         }
 
         tr {
             &:last-child {
                 td {
-                    border-block-end-width: fn.dim(--border);
+                    border-block-end-width: props.get(table.$border-width);
                 }
             }
         }
@@ -63,14 +58,14 @@
 
         @include iro.bem-modifier('box') {
             td {
-                background-color: fn.color(--box --bg);
+                background-color: props.get(table.$box--bg-color);
             
                 &:first-child {
-                    border-inline-start-width: fn.dim(--border);
+                    border-inline-start-width: props.get(table.$border-width);
                 }
             
                 &:last-child {
-                    border-inline-end-width: fn.dim(--border);
+                    border-inline-end-width: props.get(table.$border-width);
                 }
             }
     
@@ -78,11 +73,11 @@
                 &:first-child {
                     td {
                         &:first-child {
-                            border-start-start-radius: fn.dim(--rounding);
+                            border-start-start-radius: props.get(table.$rounding);
                         }
             
                         &:last-child {
-                            border-start-end-radius: fn.dim(--rounding);
+                            border-start-end-radius: props.get(table.$rounding);
                         }
                     }
                 }
@@ -90,11 +85,11 @@
                 &:last-child {
                     td {
                         &:first-child {
-                            border-end-start-radius: fn.dim(--rounding);
+                            border-end-start-radius: props.get(table.$rounding);
                         }
             
                         &:last-child {
-                            border-end-end-radius: fn.dim(--rounding);
+                            border-end-end-radius: props.get(table.$rounding);
                         }
                     }
                 }