<commit_before>// Code Styles
code
  li &, p &, h1 &, h2 &, h3 &
    margin: 0 3px
    @extend .code-inline
  div.highlighter-rouge &
    @extend .code-block
    margin: 15px 0

hr
  +respond-to(margin, (x0: 30px 0, x1: 40px 0, x2: 50px 0))

// Utilities: Colors
+component('shade')
  &-list
    display: table
    width: 100%
  &-item
    text-align: center
    display: table-cell
    width: 10%
    &:not(:first-child)
      border-left: 10px solid transparent
    &:not(:last-child)
      border-right: 10px solid transparent
  &-box
    height: 165px
    padding: 5px
    white-space: nowrap
    &:hover
      cursor: default
    &:not(:hover)
      background: #fff !important
  &-color
    height: 120px
    border-radius: 2px 2px 0 0
    display: flex
    align-items: center
    justify-content: center
    color: transparent
    transition: 300ms color ease
    +when('box:hover')
      color: #fff
    +when('light:hover')
      color: $gray-darker
  &-text
    line-height: 40px
    transition: 300ms color ease
    +when('box:hover')
      color: rgba(#fff,.7)
    +when('light:hover')
      color: rgba($gray-darker,.6)

+component('utilities-margin-padding')
  &-box
    line-height: 40px

+component('utilities-grid')
  &-box
    width: 100%
    display: flex
    min-height: 30px
    flex-direction: column
    justify-content: center

  // div.highlighter-rouge code
  //   margin: 30px 0 15px<commit_msg>removed some unused css (#60)<commit_after>// Code Styles
code
  li &, p &, h1 &, h2 &, h3 &
    margin: 0 3px
    @extend .code-inline
  div.highlighter-rouge &
    @extend .code-block
    margin: 15px 0

hr
  +respond-to(margin, (x0: 30px 0, x1: 40px 0, x2: 50px 0))

// Utilities: Colors
+component('shade')
  &-list
    display: table
    width: 100%
  &-item
    text-align: center
    display: table-cell
    width: 10%
    &:not(:first-child)
      border-left: 10px solid transparent
    &:not(:last-child)
      border-right: 10px solid transparent
  &-box
    height: 165px
    padding: 5px
    white-space: nowrap
    &:hover
      cursor: default
    &:not(:hover)
      background: #fff !important
  &-color
    height: 120px
    border-radius: 2px 2px 0 0
    display: flex
    align-items: center
    justify-content: center
    color: transparent
    transition: 300ms color ease
    +when('box:hover')
      color: #fff
    +when('light:hover')
      color: $gray-darker
  &-text
    line-height: 40px
    transition: 300ms color ease
    +when('box:hover')
      color: rgba(#fff,.7)
    +when('light:hover')
      color: rgba($gray-darker,.6)

+component('utilities-margin-padding')
  &-box
    line-height: 40px

+component('utilities-grid')
  &-box
    width: 100%
    display: flex
    min-height: 30px
    flex-direction: column
    justify-content: center
{'fraction_non_alphanumeric': 0.13062098501070663, 'fraction_numerical': 0.04318344039971449, 'mean_word_length': 2.539141414141414, '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': '5304660', 'n_tokens_mistral': 1102, 'n_tokens_neox': 975, 'n_words': 259}