1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
@use "pkg:iro-design/core.vars" as core;
@use "pkg:iro-design/objects/backdrop.vars" as backdrop;
@use "pkg:iro-sass/props";
$colors: props.def(
--site-footer,
(
--bg-from: props.get(core.$theme, --bg-l1),
--bg: props.get(core.$theme, --bg-l1),
--star: transparent,
--cloud: props.get(core.$theme, --base, --50),
--l1: props.get(core.$theme, --bg-base),
--dragon-awake: props.get(core.$transparent-colors, --black, --900),
--dragon-asleep--eye: transparent,
--dragon-asleep: transparent,
--fg: props.get(core.$transparent-colors, --black, --900),
),
"color"
);
$colors--dark: props.def(
--site-footer,
(
--bg: props.get(core.$theme, --bg-l2),
--star: #fff,
--cloud: props.get(core.$theme, --base, --100),
--l1: props.get(core.$theme, --bg-l1),
--dragon-awake: transparent,
--dragon-asleep--eye: #fff,
--dragon-asleep: #000,
--fg: #000,
),
"dark"
);
|
