<commit_before>@import 'compass/css3/transition';
@import 'fontsmoothing';

.background-button[data-background-button] {
  font-family: "Player";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  @include transition(all 0.4s ease-out);

  &.pointer-enabled {
    cursor: pointer;
  }

  &.hide {
    .background-button-wrapper[data-background-button] {
      opacity: 0;
    }
  }

  .background-button-wrapper[data-background-button] {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 25%;
    line-height: 100%;
    font-size: 25%;
    top: 50%;
    text-align: center;

    .background-button-icon[data-background-button] {
      font-family:"Player";
      cursor: pointer;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: 0;
      speak: none;
      color: white;
      opacity: 0.75;
      @include font-smoothing(antialiased);

      &:hover {
        opacity: 1;
        text-shadow: rgba(255,255,255,0.8) 0 0 15px;
      }

      &.playing {
        &:before { content:"\\e002"; }
      }<commit_msg>background button: add hovering animation on button icon<commit_after>@import 'compass/css3/transition';
@import 'fontsmoothing';

.background-button[data-background-button] {
  font-family: "Player";
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  @include transition(all 0.4s ease-out);

  &.pointer-enabled {
    cursor: pointer;
  }

  &.hide {
    .background-button-wrapper[data-background-button] {
      opacity: 0;
    }
  }

  .background-button-wrapper[data-background-button] {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 25%;
    line-height: 100%;
    font-size: 25%;
    top: 50%;
    text-align: center;

    .background-button-icon[data-background-button] {
      font-family:"Player";
      cursor: pointer;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: 0;
      speak: none;
      color: white;
      opacity: 0.75;
      @include font-smoothing(antialiased);
      @include transition(all 0.1s ease);

      &:hover {
        opacity: 1;
        text-shadow: rgba(255,255,255,0.8) 0 0 15px;
      }

      &.playing {
        &:before { content:"\\e002"; }
      }
{'fraction_non_alphanumeric': 0.1478000854335754, 'fraction_numerical': 0.04442545920546775, 'mean_word_length': 2.4903129657228016, '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': '6958791', 'n_tokens_mistral': 884, 'n_tokens_neox': 776, 'n_words': 165}