summaryrefslogtreecommitdiffstats
path: root/src/objects/_table.vars.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_table.vars.scss')
-rw-r--r--src/objects/_table.vars.scss68
1 files changed, 51 insertions, 17 deletions
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss
index 7c5683c..e00010f 100644
--- a/src/objects/_table.vars.scss
+++ b/src/objects/_table.vars.scss
@@ -1,25 +1,59 @@
1@use 'sass:map'; 1@use "sass:map";
2@use 'pkg:iro-sass/src/props'; 2@use "pkg:iro-sass/props";
3@use '../core.vars' as core; 3@use "../core.vars" as core;
4 4
5$pad-i: props.def(--o-table--pad-i, props.get(core.$size--175)) !default; 5$pad-i: props.def(--o-table--pad-i, props.get(core.$size--175)) !default;
6$pad-b: props.def(--o-table--pad-b, props.get(core.$size--125)) !default; 6$pad-b: props.def(--o-table--pad-b, props.get(core.$size--125)) !default;
7$rounding: props.def(--o-table--rounding, props.get(core.$rounding--sm)) !default; 7$rounding: props.def(--o-table--rounding, props.get(core.$rounding--sm)) !default;
8$border-width: props.def(--o-table--border-width, props.get(core.$border-width--thin)) !default; 8$border-width: props.def(--o-table--border-width, props.get(core.$border-width--thin)) !default;
9 9
10$heading--font-family: props.def(--o-table--heading--font-family, props.get(core.$font--standard--family)) !default; 10$heading--font-family: props.def(
11$heading--font-size: props.def(--o-table--heading--font-size, props.get(core.$font-size--50)) !default; 11 --o-table--heading--font-family,
12$heading--font-weight: props.def(--o-table--heading--font-weight, bold) !default; 12 props.get(core.$font--standard--family)
13) !default;
14$heading--font-size: props.def(
15 --o-table--heading--font-size,
16 props.get(core.$font-size--50)
17) !default;
18$heading--font-weight: props.def(--o-table--heading--font-weight, bold) !default;
13$heading--text-transform: props.def(--o-table--heading--text-transform, uppercase) !default; 19$heading--text-transform: props.def(--o-table--heading--text-transform, uppercase) !default;
14$heading--letter-spacing: props.def(--o-table--heading--letter-spacing, .5px) !default; 20$heading--letter-spacing: props.def(--o-table--heading--letter-spacing, 0.5px) !default;
15 21
16$pad-b--sm: props.def(--o-table--sm--pad-b, props.get(core.$size--75)) !default; 22$pad-b--sm: props.def(--o-table--sm--pad-b, props.get(core.$size--75)) !default;
17 23
18$border-color: props.def(--o-table--border-color, props.get(core.$theme, --border), 'color') !default; 24$border-color: props.def(
19$heading-color: props.def(--o-table--heading-color, props.get(core.$theme, --heading), 'color') !default; 25 --o-table--border-color,
20$hover--bg-color: props.def(--o-table--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default; 26 props.get(core.$theme, --border),
21$active--bg-color: props.def(--o-table--active--bg-color, props.get(core.$theme, --border), 'color') !default; 27 "color"
28) !default;
29$heading-color: props.def(
30 --o-table--heading-color,
31 props.get(core.$theme, --heading),
32 "color"
33) !default;
34$hover--bg-color: props.def(
35 --o-table--hover--bg-color,
36 props.get(core.$theme, --border-mute),
37 "color"
38) !default;
39$active--bg-color: props.def(
40 --o-table--active--bg-color,
41 props.get(core.$theme, --border),
42 "color"
43) !default;
22 44
23$box--bg-color: props.def(--o-table--box--bg-color, props.get(core.$theme, --base, --50), 'color') !default; 45$box--bg-color: props.def(
24$box--hover--bg-color: props.def(--o-table--box--hover--bg-color, props.get(core.$theme, --bg-base), 'color') !default; 46 --o-table--box--bg-color,
25$box--active--bg-color: props.def(--o-table--box--active--bg-color, props.get(core.$theme, --border-mute), 'color') !default; 47 props.get(core.$theme, --base, --50),
48 "color"
49) !default;
50$box--hover--bg-color: props.def(
51 --o-table--box--hover--bg-color,
52 props.get(core.$theme, --bg-base),
53 "color"
54) !default;
55$box--active--bg-color: props.def(
56 --o-table--box--active--bg-color,
57 props.get(core.$theme, --border-mute),
58 "color"
59) !default;