1 files changed, 26 insertions, 0 deletions

diff --git a/src/objects/_emoji.vars.scss b/src/objects/_emoji.vars.scss
new file mode 100644
index 0000000..458ea9a
--- /dev/null
+++ b/src/objects/_emoji.vars.scss
@@ -0,0 +1,26 @@
+@use 'sass:map';
+@use '../props';
+@use '../core.vars' as core;
+
+$size:     props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default;
+$pad:      props.def(--o-emoji--pad, .3em) !default;
+$rounding: props.def(--o-emoji--rounding, props.get(core.$rounding)) !default;
+$zoom:     props.def(--o-emoji--zoom, 3) !default;
+$valign:   props.def(--o-emoji--valign, -.25em) !default;
+
+$size--125:   props.def(--o-emoji--125--size, calc(1 / 14 * 23em)) !default;
+$valign--125: props.def(--o-emoji--125--valign, -.45em) !default;
+
+$size--150:   props.def(--o-emoji--150--size, calc(1 / 14 * 28em)) !default;
+$valign--150: props.def(--o-emoji--150--valign, -.65em) !default;
+
+$size--200:   props.def(--o-emoji--200--size, calc(1 / 14 * 38em)) !default;
+$valign--200: props.def(--o-emoji--200--valign, -1em) !default;
+
+$sizes: (
+    '125' $size--125 $valign--125,
+    '150' $size--150 $valign--150,
+    '200' $size--200 $valign--200,
+) !default;
+
+$bg-color: props.def(--o-emoji--bg-color, props.get(core.$theme, --border-mute)) !default;