@use 'sass:map';
@use 'iro-sass/src/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), 'color') !default;