<commit_before>// -----------------------------------------------------------------------------
// User styles.
// 
// For any places where user information is displayed.
// -----------------------------------------------------------------------------


// -----------------------------------------------------------------------------
// The little user info section displayed on the left hand side of posts.
// -----------------------------------------------------------------------------
.user-info
  +font-size(15)
  color: $feature-copy
  margin-right: 10px
  width: 150px

.user-info__avatar
  border-radius: 25px
  height: 50px
  margin-bottom: 12px
  overflow: hidden
  width: 50px

.user-info__username
  color: $header-grey
.user-info__username--link
  margin-left: 0.2em

.user-info__badge
  color: #fff
  line-height: 1em
  margin-left: 0.3em
  padding: 4px
  text-transform: uppercase

.user-info__online
  +font-size(12)
  font-weight: bold
  margin-bottom: 12px
  text-transform: uppercase
  &:before
    @extend %inline-block
    background: $green
    border-radius: 4px
    content: ''
    margin-right: 7px
    height: 8px
    width: 8px<commit_msg>Extend the user-info stuff with a few more elements.<commit_after>// -----------------------------------------------------------------------------
// User styles.
// 
// For any places where user information is displayed.
// -----------------------------------------------------------------------------


// -----------------------------------------------------------------------------
// The little user info section displayed on the left hand side of posts.
// -----------------------------------------------------------------------------
.user-info
  +font-size(15)
  color: $feature-copy
  margin-right: 10px
  width: 150px

.user-info__avatar
  border-radius: 25px
  height: 50px
  margin-bottom: 12px
  overflow: hidden
  width: 50px

.user-info__username
  color: $header-grey
.user-info__username--link
  margin-left: 0.2em

.user-info__badge
  color: #fff
  line-height: 1em
  margin-left: 0.3em
  padding: 4px
  text-transform: uppercase

.user-info__online
  +font-size(12)
  font-weight: bold
  margin-bottom: 12px
  text-transform: uppercase
  &:before
    @extend %inline-block
    background: $green
    border-radius: 4px
    content: ''
    margin-right: 7px
    height: 8px
    width: 8px

.user-info__location
  +font-size(13)
  font-weight: bold
  &:before
    +font-size(28)
    font-weight: normal
    line-height: 0.1em
    position: relative
    top: 3px

.user-info__details
  @extend %clearfix
  +font-size(13)
  background: $details-panel-bg
  border-top: 1px solid $subdued
  font-weight: bold

.user-info__detail
  margin-right: 10px

.user-info__detail
  &:before
    +font-size(24)
    line-height: 0.1em
    margin-right: 5px
    position: relative
    top: 3px
  &.text-icon--clock
    &:before
      font-weight: normal
{'fraction_non_alphanumeric': 0.2993150684931507, 'fraction_numerical': 0.026027397260273973, 'mean_word_length': 1.3942622950819672, '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': '529455', 'n_tokens_mistral': 900, 'n_tokens_neox': 833, 'n_words': 215}