<commit_before>@import '../../node_modules/nib'
@import '../../node_modules/jeet/stylus/jeet'
@import '../../node_modules/rupture/rupture'
@import '../../node_modules/axis/axis/index'
@import 'variables'

global-reset()

// edit()

*
  box-sizing border-box

body, html
  font-family font_sans
  color textgray
  -webkit-tap-highlight-color transparent
  antialiased()

body
  padding 0
  overflow auto
  -webkit-overflow-scrolling touch

.error-page
  margin-top 100px

h1
  font-size 28px
  font-size 1.750em
  text-rendering optimizelegibility
  font-weight bold
  margin .75em 0
  line-height 1.3em

h2
  font-size 24px
  font-size 1.500rem
  text-rendering optimizelegibility
  font-weight bold
  margin .4em 0
  line-height 1.3em

h3
  font-size 16px
  font-size 1rem
  text-rendering optimizelegibility
  font-weight bold
  margin 0
  line-height 1.5em

h4
  h4()

h5
  h5()
  // font-size .83em

h6
  h6()
  // font-size .75em

.breadcrumb
  breadcrumb: '/' 5px textgray

  li:last-child:after
    display none

em
  font-style italic

a, .inline-link
  text-decoration: none
  color inherit
  cursor pointer
  hover-color hovergray
  -webkit-tap-highlight-color rgba(0,0,0,0)

strong
  font-weight bold

.light
  font-weight normal

blockquote
  border-left 3px bordergray solid
  padding-left 1em
  font-style italic

.abs-fill
  position absolute
  top 0
  left 0
  width 100%
  height 100%

.small-text
  font-size 12px

.valign-outer
  display table
  position absolute
  width 100%
  height 100%

.valign-inner
  display table-cell
  width 100%
  height 100%
  vertical-align middle
  text-align center

.pointer
  cursor pointer

.container
  width 100%
  
.flex-container
  center(1400)

#scroll-top
  display none
  position fixed
  bottom 12px
  right 12px
  width 30px
  height 30px
  background-color backgroundgray
  color textgray
  border 1px solid bordergray
  text-align center
  line-height 38px
  font-size 22px
  z-index header_z - 1
  
  &:hover
    color hovergray

.rotate
  display none
  position fixed
  top 0
  left 0
  width 100%
  height 100%
  z-index rotate_z
  background-color backgroundgray
  color textgray

  .rotate__text
    top 35%
    left 20%
    font-size 1.3em
    line-height 1.2em
    width 60%
    text-align center
    position absolute

  .iconic
    margin-bottom 10px

for i in (1..5)
  @media (min-width: (block_width_mar * i) + 30)
    .flex-container
      center(block_width_mar * i)

@media (max-width:(block_width_mar * 3) + 30)
  .flex-container
    center(94%)<commit_msg>tweaks grid to fit 4 blocks in 1360px<commit_after>@import '../../node_modules/nib'
@import '../../node_modules/jeet/stylus/jeet'
@import '../../node_modules/rupture/rupture'
@import '../../node_modules/axis/axis/index'
@import 'variables'

global-reset()

// edit()

*
  box-sizing border-box

body, html
  font-family font_sans
  color textgray
  -webkit-tap-highlight-color transparent
  antialiased()

body
  padding 0
  overflow auto
  -webkit-overflow-scrolling touch

.error-page
  margin-top 100px

h1
  font-size 28px
  font-size 1.750em
  text-rendering optimizelegibility
  font-weight bold
  margin .75em 0
  line-height 1.3em

h2
  font-size 24px
  font-size 1.500rem
  text-rendering optimizelegibility
  font-weight bold
  margin .4em 0
  line-height 1.3em

h3
  font-size 16px
  font-size 1rem
  text-rendering optimizelegibility
  font-weight bold
  margin 0
  line-height 1.5em

h4
  h4()

h5
  h5()
  // font-size .83em

h6
  h6()
  // font-size .75em

.breadcrumb
  breadcrumb: '/' 5px textgray

  li:last-child:after
    display none

em
  font-style italic

a, .inline-link
  text-decoration: none
  color inherit
  cursor pointer
  hover-color hovergray
  -webkit-tap-highlight-color rgba(0,0,0,0)

strong
  font-weight bold

.light
  font-weight normal

blockquote
  border-left 3px bordergray solid
  padding-left 1em
  font-style italic

.abs-fill
  position absolute
  top 0
  left 0
  width 100%
  height 100%

.small-text
  font-size 12px

.valign-outer
  display table
  position absolute
  width 100%
  height 100%

.valign-inner
  display table-cell
  width 100%
  height 100%
  vertical-align middle
  text-align center

.pointer
  cursor pointer

.container
  width 100%
  
.flex-container
  center(1400)

#scroll-top
  display none
  position fixed
  bottom 12px
  right 12px
  width 30px
  height 30px
  background-color backgroundgray
  color textgray
  border 1px solid bordergray
  text-align center
  line-height 38px
  font-size 22px
  z-index header_z - 1
  
  &:hover
    color hovergray

.rotate
  display none
  position fixed
  top 0
  left 0
  width 100%
  height 100%
  z-index rotate_z
  background-color backgroundgray
  color textgray

  .rotate__text
    top 35%
    left 20%
    font-size 1.3em
    line-height 1.2em
    width 60%
    text-align center
    position absolute

  .iconic
    margin-bottom 10px

for i in (1..5)
  @media (min-width: (block_width_mar * i) + 20)
    .flex-container
      center(block_width_mar * i)

@media (max-width:(block_width_mar * 3) + 20)
  .flex-container
    center(94%)
{'fraction_non_alphanumeric': 0.08784313725490196, 'fraction_numerical': 0.049215686274509805, 'mean_word_length': 2.7785185185185184, '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': '3684440', 'n_tokens_mistral': 2068, 'n_tokens_neox': 1849, 'n_words': 508}