Init

1 files changed, 34 insertions, 0 deletions

diff --git a/src/styles/components/_site-footer.vars.scss b/src/styles/components/_site-footer.vars.scss
new file mode 100644
index 0000000..0b2f968
--- /dev/null
+++ b/src/styles/components/_site-footer.vars.scss
@@ -0,0 +1,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"
+);