<commit_before>/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.profile-extra-entries {
  list-style: none;
  padding: 0;
  margin: 0;
  @item-height: 25px;

  &--kudosu {
    margin-top: 20px;
  }

  &__item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 5px;
    min-height: @item-height;

    &--top-ranks {
      height: auto;
      border-bottom: 1px solid #eee;
      margin: 0;
      padding: 10px 0;

      &::before {
        .full-size();
        content: ' ';
        margin: 0 -10px;
        width: calc(100% ~'+' 20px);
        pointer-events: none;
        will-change: opacity;
        transition: all 25ms ease-out;
        opacity: 0;

        background-color: #eee;
        .default-box-shadow();
      }

      &:hover::before {
        opacity: 1;
        transition: all 50ms ease-out;
      }
    }
  }

  &__kudosu-amount {
    font-weight: inherit;
    font-style: italic;
    color: @pink;
  }

  &__link {
    .link-blue-light();

    &--kudosu {
      font-style: italic;
    }
  }

  &__detail {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;

    &--vertical {
      flex-direction: column;
      align-items: stretch;
    }
  }

  &__detail-column {
    flex: none;
    overflow: hidden;
    text-overflow: ellipsis;

    &--full {
      min-width: 0;
      flex: 1;
    }
  }

  &__text {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
  }

  &__text-score {
    font-style: italic;
    font-size: 11px;

    &--title {
      font-size: 16px;
      font-weight: 400;
    }

    &--pp {
      font-size: 18px;
      font-weight: bold;
      color: @pink-text;
    }

    &--time {
      font-style: normal;
    }
  }

  &__icon {
    .center-content();
    align-items: baseline;
    flex: none;
    width: @item-height;
    height: @item-height;
    margin-right: 10px;
  }

  &__time {
    color: @community-user-graygreen-lighter;
  }
}<commit_msg>Larger achievement icons<commit_after>/**
 *    Copyright 2015-2017 ppy Pty. Ltd.
 *
 *    This file is part of osu!web. osu!web is distributed with the hope of
 *    attracting more community contributions to the core ecosystem of osu!.
 *
 *    osu!web is free software: you can redistribute it and/or modify
 *    it under the terms of the Affero GNU General Public License version 3
 *    as published by the Free Software Foundation.
 *
 *    osu!web is distributed WITHOUT ANY WARRANTY; without even the implied
 *    warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 *    See the GNU Affero General Public License for more details.
 *
 *    You should have received a copy of the GNU Affero General Public License
 *    along with osu!web.  If not, see <http://www.gnu.org/licenses/>.
 */

.profile-extra-entries {
  list-style: none;
  padding: 0;
  margin: 0;
  @item-height: 25px;

  &--kudosu {
    margin-top: 20px;
  }

  &__item {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 5px;
    min-height: @item-height;

    &--top-ranks {
      height: auto;
      border-bottom: 1px solid #eee;
      margin: 0;
      padding: 10px 0;

      &::before {
        .full-size();
        content: ' ';
        margin: 0 -10px;
        width: calc(100% ~'+' 20px);
        pointer-events: none;
        will-change: opacity;
        transition: all 25ms ease-out;
        opacity: 0;

        background-color: #eee;
        .default-box-shadow();
      }

      &:hover::before {
        opacity: 1;
        transition: all 50ms ease-out;
      }
    }
  }

  &__kudosu-amount {
    font-weight: inherit;
    font-style: italic;
    color: @pink;
  }

  &__link {
    .link-blue-light();

    &--kudosu {
      font-style: italic;
    }
  }

  &__detail {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: baseline;

    &--vertical {
      flex-direction: column;
      align-items: stretch;
    }
  }

  &__detail-column {
    flex: none;
    overflow: hidden;
    text-overflow: ellipsis;

    &--full {
      min-width: 0;
      flex: 1;
    }
  }

  &__text {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 20px;
  }

  &__text-score {
    font-style: italic;
    font-size: 11px;

    &--title {
      font-size: 16px;
      font-weight: 400;
    }

    &--pp {
      font-size: 18px;
      font-weight: bold;
      color: @pink-text;
    }

    &--time {
      font-style: normal;
    }
  }

  &__icon {
    .center-content();
    align-self: flex-start;
    flex: none;
    width: 40px;
    height: @item-height;
    margin-right: 10px;
    font-size: 20px; // icon size
  }

  &__time {
    color: @community-user-graygreen-lighter;
  }
}
{'fraction_non_alphanumeric': 0.12217359591539023, 'fraction_numerical': 0.019693654266958426, 'mean_word_length': 2.0054794520547947, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, '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': '410844', 'n_tokens_mistral': 1990, 'n_tokens_neox': 1840, 'n_words': 510}