Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Custom CSS for EHfive's Mastodon instance (https://mstdn.eh5.me)
/* START mastodon emoji scaling by @eh5@eh5.me */
.reply-indicator__content,
.status__content:not(.status__content--collapsed) {
overflow: unset;
}
.account__header__content .emojione,
.reply-indicator__content .emojione,
.status__content:not(.status__content--collapsed) .emojione {
position: relative;
z-index: 10;
transform-origin: center;
/* Animation duration */
transition: 200ms ease-in-out;
}
.account__header__content .emojione:hover,
.reply-indicator__content .emojione:hover,
.status__content:not(.status__content--collapsed) .emojione:hover {
z-index: 11;
/* Scale up 2 times */
transform: scale(2);
/* shadows around image edges */
filter: drop-shadow(0 0 1px rgba(255,255,255,0.25));
}
.directory__card .account__header__content .emojione:hover {
transform: unset;
}
/* END mastodon emoji scaling by @eh5@eh5.me */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.