<commit_before>round-placeholder(radius)
  background-color zircon
  border-radius (radius)px
  height (radius * 2)px
  width (radius * 2)px

// Equal-height children
equal-height(vcenter=false)
  display flex
  align-items stretch
  align-content stretch

  > div
    align-content space-between
    display flex
    flex-flow wrap
    justify-content center
    height auto
    margin-bottom 0
    if vcenter
      align-items center
      flex-direction row
    else
      align-items flex-end
      flex-direction column
    *
      -ms-flex 0 1 auto

.clearfix
  overflow hidden

/* Responsive Mixins
// see: http://jakearchibald.github.com/sass-ie
--------------------------------------------- */

// To create min-width media queries
above(width)
  if fix-mqs
    if fix-mqs >= width
      {block}
  else
    @media screen and (min-width: width)
      {block}

// To create max-width media queries
below(width)
  if fix-mqs
    if fix-mqs <= width
      {block}
  else
    @media screen and (max-width: width)
      {block}

show-under(breakpoint, display)
  display display !important
  +above(breakpoint)
    display none !important

show-over(breakpoint, display)
  display none !important
  +above(breakpoint)
    display display !important

.mobile-only
  show-over(tablet, block)

.tablet-only
  show-under(desktop, block)

.desktop-only
  show-over(desktop, block)

.tablet-only-flex
  show-under(desktop, flex)

.tablet-only-tc
  show-under(desktop, table-cell)

.tablet-only-ib
  show-under(desktop, inline-block)

.desktop-only-flex
  show-over(desktop, flex)

.desktop-only-tc
  show-over(desktop, table-cell)

// appearance of hr (double border)
// but more semantic
.appearance-hr
  position relative
  border-bottom 1px solid $border
  padding-bottom 16px
  display inline-block
  &:after
    content ' '
    height 1px
    width 100%
    border-bottom 1px solid $border + 30
    position absolute
    top 100%
    z-index 10
    display block

.pull-right
  float right !important

.pull-left
  float left !important

.py2
  margin-top 22px

.mx2
  margin-right 22px

.hidden
  display none !important

.shown
  display block

.truncated-text
  overflow hidden
  text-overflow ellipsis
  white-space nowrap

.no-bullets
  list-style none
  &.no-margin
    padding-left 0
    margin-left 0
<commit_msg>Added utility classes<commit_after>round-placeholder(radius)
  background-color zircon
  border-radius (radius)px
  height (radius * 2)px
  width (radius * 2)px

// Equal-height children
equal-height(vcenter=false)
  display flex
  align-items stretch
  align-content stretch

  > div
    align-content space-between
    display flex
    flex-flow wrap
    justify-content center
    height auto
    margin-bottom 0
    if vcenter
      align-items center
      flex-direction row
    else
      align-items flex-end
      flex-direction column
    *
      -ms-flex 0 1 auto

.clearfix
  overflow hidden

/* Responsive Mixins
// see: http://jakearchibald.github.com/sass-ie
--------------------------------------------- */

// To create min-width media queries
above(width)
  if fix-mqs
    if fix-mqs >= width
      {block}
  else
    @media screen and (min-width: width)
      {block}

// To create max-width media queries
below(width)
  if fix-mqs
    if fix-mqs <= width
      {block}
  else
    @media screen and (max-width: width)
      {block}

show-under(breakpoint, display)
  display display !important
  +above(breakpoint)
    display none !important

show-over(breakpoint, display)
  display none !important
  +above(breakpoint)
    display display !important

.mobile-only
  show-over(tablet, block)

.tablet-only
  show-under(desktop, block)

.desktop-only
  show-over(desktop, block)

.tablet-only-flex
  show-under(desktop, flex)

.tablet-only-tc
  show-under(desktop, table-cell)

.tablet-only-ib
  show-under(desktop, inline-block)

.desktop-only-flex
  show-over(desktop, flex)

.desktop-only-tc
  show-over(desktop, table-cell)

// appearance of hr (double border)
// but more semantic
.appearance-hr
  position relative
  border-bottom 1px solid $border
  padding-bottom 16px
  display inline-block
  &:after
    content ' '
    height 1px
    width 100%
    border-bottom 1px solid $border + 30
    position absolute
    top 100%
    z-index 10
    display block

.pull-right
  float right !important

.pull-left
  float left !important

.py2
  margin-top 22px

.mx2
  margin-right 22px

.hidden
  display none !important

.shown
  display block

.overflow-hidden
  overflow hidden

.truncated-text
  overflow hidden
  text-overflow ellipsis
  white-space nowrap

.text-center
  text-align center

.no-bullets
  list-style none
  &.no-margin
    padding-left 0
    margin-left 0

{'fraction_non_alphanumeric': 0.1094411515664691, 'fraction_numerical': 0.011854360711261643, 'mean_word_length': 2.61791730474732, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 7, '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': '800335', 'n_tokens_mistral': 1625, 'n_tokens_neox': 1532, 'n_words': 426}