<commit_before>// Experiments in SASS
$dark-yellow: #F0D800
$dark-bluegreen: #1693A5
$christmas-blue: #2A8FBD
$millenial-blue: #025D8C
$millenial-blue-2: #136e9d
$border-color: $millenial-blue-2
$color: $border-color
$vertical-border-color: #ccc
$middle: #777

$box-border-color: lighten($color, 50%)

// color for a repo's activities
$very-high-activity: #090
$high-activity: #777
$medium-activity: #777
$low-activity: #777
$very-low-activity: #777

$body-font-family: 'proxima-nova', Arial, 'Helvetica Neue', Helvetica, sans-serif

// general
body
  font-size: 100%
  font-family: $body-font-family
  color: #333332
  line-height: 1.618

  background: image-url('backgrounds/compressed/debut_light.png') // 5

  // background: image-url('backgrounds/compressed/clean_textile.png') // 1
  // background: image-url('backgrounds/compressed/diagonal-noise.png') // 1, pretty dark
  // background: image-url('backgrounds/compressed/grilled.png') // 0, fishbone
  // background: image-url('backgrounds/compressed/light_wool.png') // 2, a little too light
  // background: image-url('backgrounds/compressed/light_alu.png') // 3, darker
  // background: image-url('backgrounds/compressed/snow.png') // 2, very light, almost no structure
  // background: image-url('backgrounds/compressed/subtle_dots.png') // 2, like millimeterpapier
  // background: image-url('backgrounds/compressed/subtle_freckles.png') // 4
  // background: image-url('backgrounds/compressed/white_brick_wall.png') // 1, building blocks, a little to extreme


// unordered lists
ul
  padding: 0
  margin: 0

// links
a
  text-decoration: none
  color: $color
  &:link, &:hover, &:active, &:visited
    color: $color

// Icon / Webfont Icons
i
  margin-right: 4px
.stars i
  margin-right: 3px

#root
  @include outer-container

.row
  @include span-columns(12)

// header
.header-wrapper
  margin-top: 8px
  padding-bottom: 8px
  border-bottom: 3px solid $border-color
  margin-bottom: 1rem

// branding
.branding
  @include span-columns(5)
  font-size: 3.33rem
  font-weight: 600
  line-height: 1
  text-rendering: optimizeLegibility
  a
    color: inherit

// navigation
.navigation
  &.web-navigation
    @include span-columns(4)
    .top
      width: 100%
  &.mobile-navigation
    @include span-columns(3)
    .top

  // top
  .top
    display: block
    font-weight: 600
    padding: 0
    border-bottom: 3px solid $border-color
    a:hover
      border-bottom: 2px dotted #bbb
    &.active a
      border-bottom: 2px dotted $border-color

  // bottom
  .bottom
    margin-top: 4px
    list-style: none
    li
      display: inline
      margin: 0 8px 0 0
      padding: 0 8px 0 0
      border-right: 2px dotted $vertical-border-color
      &:last-child
        border-right: none
      a:hover
        border-bottom: 2px dotted #aaa
      &.active a
        border-bottom: 2px dotted $border-color

// marketing text
.marketing-text
  padding: 0 0 1.618rem

  text-rendering: optimizeLegibility
  text-align: center

  .first
    font-size: 2.058rem
    font-weight: 300
    .type
      font-size: 2.058rem
      font-weight: 600

  .second
    display: inline
    border-bottom: 3px solid $border-color

    font-size: 1.618rem
    font-weight: 600

// search
.search
  width: 100%
  padding: 10px 14px
  font-size: 1.272rem
  color: #444

  // background: #fafafa
  border: 3px solid #ccc
  @include box-shadow(inset 0 2px 3px rgba(0,0,0,.05))
  border-radius: 4px

  &:focus
    outline: none
    background: #fff
    border-color: $border-color

// sort
ul.sort-list
  margin: 6px 0 8px

  list-style: none
  font-size: 0.875rem
  color: #777
  text-align: right

  li
    display: inline
    padding: 0
    margin: 0 8px
    &:last-of-type
      margin-right: 0
    &.active
      border-bottom: 2px dotted $border-color
    &:hover
      border-bottom: 2px dotted #aaa
      cursor: pointer

  // divider in sort-list
  .divider:before
    content: "or"

// box
.box
  @include span-columns(6)
  padding: 0.725rem 0.875rem
  margin-bottom: 8px
  @include nth-omega(2n)

  border: 3px solid $box-border-color
  border-radius: 4px

  font-size: 0.875rem
  color: #222

  @include box-shadow(inset 0 0 2px #777)

  // box header
  .header
    display: block
    padding: 0
    margin: 0 0 0.5rem 0

    font-size: 1.272rem
    font-weight: 600

    border-bottom: 1px solid $border-color

// full-box
.full-box
  @extend .box
  @include span-columns(12) // spans full size

  line-height: 54px // vertical centering
  font-size: 1rem
  font-weight: 600

  text-align: center
  color: $color
  &:hover
    cursor: pointer // can be maybe done without &:hover

// show all link
.show-all
  @extend .full-box

// add or edit link
.add-or-edit
  @extend .box

  line-height: 54px // vertical centering
  font-size: 1rem

  text-align: center
  color: $color
  &:hover
    cursor: pointer // can be maybe done without &:hover

// truncation via trunk8
.js-read-more,
.js-read-less
  cursor: pointer

// categories in overview
.categories .category
  @extend .box
  min-height: 139px

  .full-name
    display: block
  .name
    font-size: 1rem
    line-height: 20px // like language-list and stars<commit_msg>Cursor pointer can be added to element directly without using :hover-state<commit_after>// Experiments in SASS
$dark-yellow: #F0D800
$dark-bluegreen: #1693A5
$christmas-blue: #2A8FBD
$millenial-blue: #025D8C
$millenial-blue-2: #136e9d
$border-color: $millenial-blue-2
$color: $border-color
$vertical-border-color: #ccc
$middle: #777

$box-border-color: lighten($color, 50%)

// color for a repo's activities
$very-high-activity: #090
$high-activity: #777
$medium-activity: #777
$low-activity: #777
$very-low-activity: #777

$body-font-family: 'proxima-nova', Arial, 'Helvetica Neue', Helvetica, sans-serif

// general
body
  font-size: 100%
  font-family: $body-font-family
  color: #333332
  line-height: 1.618

  background: image-url('backgrounds/compressed/debut_light.png') // 5

  // background: image-url('backgrounds/compressed/clean_textile.png') // 1
  // background: image-url('backgrounds/compressed/diagonal-noise.png') // 1, pretty dark
  // background: image-url('backgrounds/compressed/grilled.png') // 0, fishbone
  // background: image-url('backgrounds/compressed/light_wool.png') // 2, a little too light
  // background: image-url('backgrounds/compressed/light_alu.png') // 3, darker
  // background: image-url('backgrounds/compressed/snow.png') // 2, very light, almost no structure
  // background: image-url('backgrounds/compressed/subtle_dots.png') // 2, like millimeterpapier
  // background: image-url('backgrounds/compressed/subtle_freckles.png') // 4
  // background: image-url('backgrounds/compressed/white_brick_wall.png') // 1, building blocks, a little to extreme


// unordered lists
ul
  padding: 0
  margin: 0

// links
a
  text-decoration: none
  color: $color
  &:link, &:hover, &:active, &:visited
    color: $color

// Icon / Webfont Icons
i
  margin-right: 4px
.stars i
  margin-right: 3px

#root
  @include outer-container

.row
  @include span-columns(12)

// header
.header-wrapper
  margin-top: 8px
  padding-bottom: 8px
  border-bottom: 3px solid $border-color
  margin-bottom: 1rem

// branding
.branding
  @include span-columns(5)
  font-size: 3.33rem
  font-weight: 600
  line-height: 1
  text-rendering: optimizeLegibility
  a
    color: inherit

// navigation
.navigation
  &.web-navigation
    @include span-columns(4)
    .top
      width: 100%
  &.mobile-navigation
    @include span-columns(3)
    .top

  // top
  .top
    display: block
    font-weight: 600
    padding: 0
    border-bottom: 3px solid $border-color
    a:hover
      border-bottom: 2px dotted #bbb
    &.active a
      border-bottom: 2px dotted $border-color

  // bottom
  .bottom
    margin-top: 4px
    list-style: none
    li
      display: inline
      margin: 0 8px 0 0
      padding: 0 8px 0 0
      border-right: 2px dotted $vertical-border-color
      &:last-child
        border-right: none
      a:hover
        border-bottom: 2px dotted #aaa
      &.active a
        border-bottom: 2px dotted $border-color

// marketing text
.marketing-text
  padding: 0 0 1.618rem

  text-rendering: optimizeLegibility
  text-align: center

  .first
    font-size: 2.058rem
    font-weight: 300
    .type
      font-size: 2.058rem
      font-weight: 600

  .second
    display: inline
    border-bottom: 3px solid $border-color

    font-size: 1.618rem
    font-weight: 600

// search
.search
  width: 100%
  padding: 10px 14px
  font-size: 1.272rem
  color: #444

  // background: #fafafa
  border: 3px solid #ccc
  @include box-shadow(inset 0 2px 3px rgba(0,0,0,.05))
  border-radius: 4px

  &:focus
    outline: none
    background: #fff
    border-color: $border-color

// sort
ul.sort-list
  margin: 6px 0 8px

  list-style: none
  font-size: 0.875rem
  color: #777
  text-align: right

  li
    display: inline
    padding: 0
    margin: 0 8px
    cursor: pointer
    &:last-of-type
      margin-right: 0
    &.active
      border-bottom: 2px dotted $border-color
    &:hover
      border-bottom: 2px dotted #aaa

  // divider in sort-list
  .divider:before
    content: "or"

// box
.box
  @include span-columns(6)
  padding: 0.725rem 0.875rem
  margin-bottom: 8px
  @include nth-omega(2n)

  border: 3px solid $box-border-color
  border-radius: 4px

  font-size: 0.875rem
  color: #222

  @include box-shadow(inset 0 0 2px #777)

  // box header
  .header
    display: block
    padding: 0
    margin: 0 0 0.5rem 0

    font-size: 1.272rem
    font-weight: 600

    border-bottom: 1px solid $border-color

// full-box
.full-box
  @extend .box
  @include span-columns(12) // spans full size

  line-height: 54px // vertical centering
  font-size: 1rem
  font-weight: 600

  text-align: center
  color: $color
  cursor: pointer

// show all link
.show-all
  @extend .full-box

// truncation via trunk8
.js-read-more,
.js-read-less
  cursor: pointer

// categories in overview
.categories .category
  @extend .box
  min-height: 139px

  .full-name
    display: block
  .name
    font-size: 1rem
    line-height: 20px // like language-list and stars
{'fraction_non_alphanumeric': 0.12353462713033199, 'fraction_numerical': 0.0454142449019801, 'mean_word_length': 2.7923048188270454, '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': '6125158', 'n_tokens_mistral': 4019, 'n_tokens_neox': 3551, 'n_words': 948}