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, 17 insertions, 51 deletions
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss
index e00010f..7c5683c 100644
--- a/src/objects/_table.vars.scss
+++ b/src/objects/_table.vars.scss
@@ -1,59 +1,25 @@
1@use "sass:map"; 1@use 'sass:map';
2@use "pkg:iro-sass/props"; 2@use 'pkg:iro-sass/src/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( 10$heading--font-family: props.def(--o-table--heading--font-family, props.get(core.$font--standard--family)) !default;
11 --o-table--heading--font-family, 11$heading--font-size: props.def(--o-table--heading--font-size, props.get(core.$font-size--50)) !default;
12 props.get(core.$font--standard--family) 12$heading--font-weight: props.def(--o-table--heading--font-weight, bold) !default;
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;
19$heading--text-transform: props.def(--o-table--heading--text-transform, uppercase) !default; 13$heading--text-transform: props.def(--o-table--heading--text-transform, uppercase) !default;
20$heading--letter-spacing: props.def(--o-table--heading--letter-spacing, 0.5px) !default; 14$heading--letter-spacing: props.def(--o-table--heading--letter-spacing, .5px) !default;
21 15
22$pad-b--sm: props.def(--o-table--sm--pad-b, props.get(core.$size--75)) !default; 16$pad-b--sm: props.def(--o-table--sm--pad-b, props.get(core.$size--75)) !default;
23 17
24$border-color: props.def( 18$border-color: props.def(--o-table--border-color, props.get(core.$theme, --border), 'color') !default;
25 --o-table--border-color, 19$heading-color: props.def(--o-table--heading-color, props.get(core.$theme, --heading), 'color') !default;
26 props.get(core.$theme, --border), 20$hover--bg-color: props.def(--o-table--hover--bg-color, props.get(core.$theme, --border-mute), 'color') !default;
27 "color" 21$active--bg-color: props.def(--o-table--active--bg-color, props.get(core.$theme, --border), 'color') !default;
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;
44 22
45$box--bg-color: props.def( 23$box--bg-color: props.def(--o-table--box--bg-color, props.get(core.$theme, --base, --50), 'color') !default;
46 --o-table--box--bg-color, 24$box--hover--bg-color: props.def(--o-table--box--hover--bg-color, props.get(core.$theme, --bg-base), 'color') !default;
47 props.get(core.$theme, --base, --50), 25$box--active--bg-color: props.def(--o-table--box--active--bg-color, props.get(core.$theme, --border-mute), 'color') !default;
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;