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
|
@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;
|
