Skip to content

Instantly share code, notes, and snippets.

@EHfive
Last active September 4, 2020 11:30
Show Gist options
  • Save EHfive/7cd7f021a260c8c8ad446e06880fe309 to your computer and use it in GitHub Desktop.
Save EHfive/7cd7f021a260c8c8ad446e06880fe309 to your computer and use it in GitHub Desktop.
Custom CSS for EHfive's Mastodon instance (https://mstdn.eh5.me)
/* START mastodon emoji scaling by @eh5@eh5.me */
.account__header__content,
.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 #282c37);
}
.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