summaryrefslogtreecommitdiffstats
path: root/src_old/objects/_emoji.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2024-10-19 19:37:18 +0200
committerVolpeon <git@volpeon.ink>2024-10-19 19:37:18 +0200
commit4f472e44dbd2ffa1e4e10c63b7ab74105d8e894b (patch)
tree287b995743e5e4e4437b955df9f8cad8d2598ab0 /src_old/objects/_emoji.scss
parentRefactoring complete (diff)
downloadiro-design-4f472e44dbd2ffa1e4e10c63b7ab74105d8e894b.tar.gz
iro-design-4f472e44dbd2ffa1e4e10c63b7ab74105d8e894b.tar.bz2
iro-design-4f472e44dbd2ffa1e4e10c63b7ab74105d8e894b.zip
Remove old code
Diffstat (limited to 'src_old/objects/_emoji.scss')
-rw-r--r--src_old/objects/_emoji.scss73
1 files changed, 0 insertions, 73 deletions
diff --git a/src_old/objects/_emoji.scss b/src_old/objects/_emoji.scss
deleted file mode 100644
index d8d1289..0000000
--- a/src_old/objects/_emoji.scss
+++ /dev/null
@@ -1,73 +0,0 @@
1@use 'iro-sass/src/index' as iro;
2@use '../functions' as fn;
3@use 'sass:math';
4
5@use 'icon';
6
7@include iro.props-namespace('emoji') {
8 @include iro.props-store((
9 --dims: (
10 --size: calc(1 / 14 * 18em),
11 --pad: .3em,
12 --rounding: fn.global-dim(--rounding),
13 --zoom: 3,
14 --valign: -.25em,
15
16 --125: (
17 --size: calc(1 / 14 * 23em),
18 --valign: -.45em,
19 ),
20
21 --150: (
22 --size: calc(1 / 14 * 28em),
23 --valign: -.65em,
24 ),
25
26 --200: (
27 --size: calc(1 / 14 * 38em),
28 --valign: -1em,
29 )
30 ),
31 --colors: (
32 --bg: fn.global-color(--border-mute),
33 )
34 ));
35
36 @include iro.bem-object(iro.props-namespace()) {
37 display: inline-block;
38 position: relative;
39 inline-size: calc(fn.dim(--size));
40 block-size: calc(fn.dim(--size));
41 margin: calc(-1 * fn.dim(--pad));
42 padding: calc(fn.dim(--pad));
43 vertical-align: fn.dim(--valign);
44 object-fit: contain;
45
46 @include iro.bem-modifier('icon') {
47 margin: calc(-1 * fn.dim(--pad) - .5 * (fn.dim(--size) - fn.foreign-dim(--icon, --size)));
48 vertical-align: fn.foreign-dim(--icon, --valign);
49 }
50
51 @each $size in '125' '150' '200' {
52 @include iro.bem-modifier($size) {
53 inline-size: fn.dim(--#{$size} --size);
54 block-size: fn.dim(--#{$size} --size);
55 vertical-align: fn.dim(--#{$size} --valign);
56
57 @include iro.bem-modifier('icon') {
58 margin: calc(-1 * fn.dim(--pad) - .5 * (fn.dim(--#{$size} --size) - fn.foreign-dim(--icon, --size)));
59 }
60 }
61 }
62
63 @include iro.bem-modifier('zoomable') {
64 transition: transform .2s ease, background-color .2s ease;
65 border-radius: calc(fn.dim(--rounding) / fn.dim(--zoom));
66
67 &:hover {
68 transform: scale(fn.dim(--zoom));
69 background-color: fn.color(--bg);
70 }
71 }
72 }
73}