diff options
author | Volpeon <git@volpeon.ink> | 2024-10-19 08:51:30 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-19 08:51:30 +0200 |
commit | 6448b40f6224b271acb6010cac0672dec4755341 (patch) | |
tree | e0f103be526e9d19b244b1ab2d9ff95d99a1419e /src/objects/_emoji.vars.scss | |
parent | Update (diff) | |
download | iro-design-6448b40f6224b271acb6010cac0672dec4755341.tar.gz iro-design-6448b40f6224b271acb6010cac0672dec4755341.tar.bz2 iro-design-6448b40f6224b271acb6010cac0672dec4755341.zip |
Update
Diffstat (limited to 'src/objects/_emoji.vars.scss')
-rw-r--r-- | src/objects/_emoji.vars.scss | 26 |
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 @@ | |||
1 | @use 'sass:map'; | ||
2 | @use '../props'; | ||
3 | @use '../core.vars' as core; | ||
4 | |||
5 | $size: props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default; | ||
6 | $pad: props.def(--o-emoji--pad, .3em) !default; | ||
7 | $rounding: props.def(--o-emoji--rounding, props.get(core.$rounding)) !default; | ||
8 | $zoom: props.def(--o-emoji--zoom, 3) !default; | ||
9 | $valign: props.def(--o-emoji--valign, -.25em) !default; | ||
10 | |||
11 | $size--125: props.def(--o-emoji--125--size, calc(1 / 14 * 23em)) !default; | ||
12 | $valign--125: props.def(--o-emoji--125--valign, -.45em) !default; | ||
13 | |||
14 | $size--150: props.def(--o-emoji--150--size, calc(1 / 14 * 28em)) !default; | ||
15 | $valign--150: props.def(--o-emoji--150--valign, -.65em) !default; | ||
16 | |||
17 | $size--200: props.def(--o-emoji--200--size, calc(1 / 14 * 38em)) !default; | ||
18 | $valign--200: props.def(--o-emoji--200--valign, -1em) !default; | ||
19 | |||
20 | $sizes: ( | ||
21 | '125' $size--125 $valign--125, | ||
22 | '150' $size--150 $valign--150, | ||
23 | '200' $size--200 $valign--200, | ||
24 | ) !default; | ||
25 | |||
26 | $bg-color: props.def(--o-emoji--bg-color, props.get(core.$theme, --border-mute)) !default; | ||