[frontend] Make emojis v. slightly larger (#891)
* make emojis v. slightly larger 2.5ex -> 2.75 ex by default (they still fit fine), and make em scale a bit larger on hover as well * use em for emoji margin
This commit is contained in:
parent
51ff62d039
commit
41aad21c6e
|
@ -355,9 +355,9 @@ footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji {
|
.emoji {
|
||||||
width: 2.5ex;
|
width: 1.45em;
|
||||||
height: 2.5ex;
|
height: 1.45em;
|
||||||
margin: -0.5ex 0 0;
|
margin: -0.2em 0.02em 0;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
|
|
|
@ -183,7 +183,7 @@ main {
|
||||||
}
|
}
|
||||||
|
|
||||||
.emoji:hover, .emoji:active {
|
.emoji:hover, .emoji:active {
|
||||||
transform: scale(1.75);
|
transform: scale(2);
|
||||||
background-color: $bg;
|
background-color: $bg;
|
||||||
box-shadow: $boxshadow;
|
box-shadow: $boxshadow;
|
||||||
border: $boxshadow-border;
|
border: $boxshadow-border;
|
||||||
|
|
Loading…
Reference in New Issue