dunkirk.sh
the home site for me: also iteration 3 or 4 of my site
feat: make the emojis use relative sizes
+7
-7
sass/css/_emoji-inline.scss
+7
-7
sass/css/_emoji-inline.scss
···
8
align-items: center;
9
display: inline-flex;
10
overflow: hidden;
11
-
width: 22px;
12
-
height: 22px;
13
}
14
15
.emoji-inline--wrapper img {
···
17
position: absolute;
18
top: 50%;
19
overflow: hidden;
20
-
width: 22px !important;
21
-
height: 22px !important;
22
-
margin-top: -11px;
23
margin-left: 0 !important;
24
margin-right: 0 !important;
25
margin-bottom: 0 !important;
···
27
border-radius: 0 !important;
28
padding: 0 !important;
29
opacity: 1 !important;
30
-
max-width: 22px !important;
31
display: inline !important;
32
-
}
···
8
align-items: center;
9
display: inline-flex;
10
overflow: hidden;
11
+
width: 1.375rem;
12
+
height: 1.375rem;
13
}
14
15
.emoji-inline--wrapper img {
···
17
position: absolute;
18
top: 50%;
19
overflow: hidden;
20
+
width: 1.375rem !important;
21
+
height: 1.375rem !important;
22
+
margin-top: -0.6875rem;
23
margin-left: 0 !important;
24
margin-right: 0 !important;
25
margin-bottom: 0 !important;
···
27
border-radius: 0 !important;
28
padding: 0 !important;
29
opacity: 1 !important;
30
+
max-width: 1.375rem !important;
31
display: inline !important;
32
+
}