<commit_before>@import (reference) "../styles/custom.less";
@import (reference) "../styles/modules/variables.less";

.UserHeader {
  background-color: #f3f4f6;
  background-size: cover;
  background-position: center;
  position: relative;

  &__more {
    font-size: 36px !important;
    color: @purple;

    &:hover {
      cursor: pointer;
      color: darken(@purple, 15%);
    }
  }

  &--cover {
    background-color: darken(@purple, 25%) !important;

    .UserHeader__rank,
    .UserHeader__rank & > i,
    .UserHeader__handle,
    .UserHeader__more,
    .UserHeader__user__username {
      color: #ffffff !important;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    }
  }
}

.UserHeader__container {
  display: flex;
  margin: 0 auto;
  max-width: 1011px;
  padding: 30px 0;
}

@media @small-max-width {
  .UserHeader__container {
    align-items: center;
    flex-direction: column;
    padding: 30px 16px;
  }

  .UserHeader__user {
    padding-bottom: 20px;
  }<commit_msg>Fixes reputation wrap issue on mobile #842 (#1016)<commit_after>@import (reference) "../styles/custom.less";
@import (reference) "../styles/modules/variables.less";

.UserHeader {
  background-color: #f3f4f6;
  background-size: cover;
  background-position: center;
  position: relative;

  &__more {
    font-size: 36px !important;
    color: @purple;

    &:hover {
      cursor: pointer;
      color: darken(@purple, 15%);
    }
  }

  &--cover {
    background-color: darken(@purple, 25%) !important;

    .UserHeader__rank,
    .UserHeader__rank & > i,
    .UserHeader__handle,
    .UserHeader__more,
    .UserHeader__user__username {
      color: #ffffff !important;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
    }
  }
}

.UserHeader__container {
  display: flex;
  margin: 0 auto;
  max-width: 1011px;
  padding: 30px 0;
}

@media @small-max-width {
  .UserHeader__container {
    align-items: center;
    flex-direction: column;
    padding: 30px 16px;
  }

  .UserHeader__user {
    padding-bottom: 20px;
    margin: 0 !important;

    &__username {
      font-size: 28px !important;
    }
  }
{'fraction_non_alphanumeric': 0.13862332695984703, 'fraction_numerical': 0.03441682600382409, 'mean_word_length': 2.897579143389199, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '946863', 'n_tokens_mistral': 810, 'n_tokens_neox': 731, 'n_words': 160}