Skip to content

Bigger Emoji on hover by dalfuss

Details

Authordalfuss

LicenseNo License

Categorydalfuss24.de

Created

Updated

Size1.1 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Bigger Emoji on Hover for dalfuss24.de

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           dalfuss24.de
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("dalfuss24.de") {
    /* 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(4);
  /* 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 */
}

Reviews

No reviews yet.