24 lines
470 B
CSS
24 lines
470 B
CSS
|
// Style emoji to fit in-line with text
|
||
|
|
.emoji {
|
||
|
|
width: 1.45em;
|
||
|
|
height: 1.45em;
|
||
|
|
margin: -0.2em 0.02em 0;
|
||
|
|
object-fit: contain;
|
||
|
|
vertical-align: middle;
|
||
|
|
|
||
|
|
@media (prefers-reduced-motion: no-preference) {
|
||
|
|
/*
|
||
|
|
Enlarge emojis on hover to give
|
||
|
|
viewer a good look at them.
|
||
|
|
*/
|
||
|
|
transition: 0.1s;
|
||
|
|
&:hover, &:active {
|
||
|
|
transform: scale(2);
|
||
|
|
background-color: $bg;
|
||
|
|
box-shadow: $boxshadow;
|
||
|
|
border: $boxshadow-border;
|
||
|
|
border-radius: $br-inner;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|