<commit_before>@import "bootstrap/mixins";

.share-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  cursor: pointer;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-color: white;
  transition: all 0.1s;

  &:hover {
    opacity: 0.4;
  }

  &.share-discussion-button {
    opacity: 0.75;
  }

  &.share-button-checked, &.share-discussion-button:hover {
    opacity: 1;
  }
}

.share-button-twitter {
  background-image: asset-data-url("sharing_icons/twitter_disabled.png");

  &:hover, &.share-button-checked, &.share-discussion-button {
    background-image: asset-data-url("sharing_icons/twitter.png");
  }
}

.share-button-facebook {
  background-image: asset-data-url("sharing_icons/facebook_disabled.png");

  &:hover, &.share-button-checked, &.share-discussion-button {
    background-image: asset-data-url("sharing_icons/facebook.png");
  }
}

.share-button-message {
  background-image: asset-data-url("sharing_icons/message.png");
}
<commit_msg>Fixed weird looking hover animation<commit_after>@import "bootstrap/mixins";

.share-button {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 3px;
  cursor: pointer;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-color: white;

  &:hover {
    opacity: 0.4;
  }

  &.share-discussion-button {
    transition: opacity 0.1s;
    opacity: 0.75;
  }

  &.share-button-checked, &.share-discussion-button:hover {
    transition: opacity 0.1s;
    opacity: 1;
  }
}

.share-button-twitter {
  background-image: asset-data-url("sharing_icons/twitter_disabled.png");

  &:hover, &.share-button-checked, &.share-discussion-button {
    background-image: asset-data-url("sharing_icons/twitter.png");
  }
}

.share-button-facebook {
  background-image: asset-data-url("sharing_icons/facebook_disabled.png");

  &:hover, &.share-button-checked, &.share-discussion-button {
    background-image: asset-data-url("sharing_icons/facebook.png");
  }
}

.share-button-message {
  background-image: asset-data-url("sharing_icons/message.png");
}

{'fraction_non_alphanumeric': 0.1603235014272122, 'fraction_numerical': 0.016175071360608945, 'mean_word_length': 3.7904328018223237, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2399574', 'n_tokens_mistral': 784, 'n_tokens_neox': 730, 'n_words': 113}