<commit_before>@import '../../stylus_lib'
@import './spinners'
@import '../../follow_button'

.circle-button
  display inline-block
  position relative
  width 58px
  margin 0 10px
  height @width
  cursor pointer
  color black
  background-color transparent
  text-align center
  vertical-align middle
  border 2px solid gray-lighter-color
  border-radius (@width / 2)
  opacity 1
  user-select none
  // Override icon-styling line-height
  line-height @height !important
  transition all 0.125s
  &:hover
    background-color gray-darker-color
    border-color @background-color
    color white
  &.is-active
  &[data-state='active']
    background-color purple-color
    border-color @background-color
    color white

.circle-button-with-label
  display inline-block
  text-align center

.circle-button-label
  avant-garde()
  font-size 11px
  color black
  margin-top 5px

.highlight-link
  line-height 1.1
  text-decoration none
  transition color 0.25s
  &:hover
    color purple-color

.play-button
  position absolute
  background-color black
  cursor pointer
  height 55px
  width 75px
  top 50%
  left @top
  margin-top -(@height / 2)
  margin-left -(@width / 2)
  padding 25px
  transition background-color 0.25s
  &:hover
    background-color purple-color
  &:after
    display block
    position absolute
    content ''
    top 50%
    left @top
    width 0
    height 0
    border-top 10px solid transparent
    border-bottom @border-top
    border-left 20px solid white
    margin-top -10px
    margin-left @margin-top

.button-separator
  display inline-block
  width 0
  margin 0 5px

.avant-garde-button
  display inline-block
  position relative
  // Avant Garde sits high on the baseline
  // Account for this with extra padding on top
  padding 18px 30px 15px
  font-size 13px<commit_msg>fonts.com version has a sensible baseline<commit_after>@import '../../stylus_lib'
@import './spinners'
@import '../../follow_button'

.circle-button
  display inline-block
  position relative
  width 58px
  margin 0 10px
  height @width
  cursor pointer
  color black
  background-color transparent
  text-align center
  vertical-align middle
  border 2px solid gray-lighter-color
  border-radius (@width / 2)
  opacity 1
  user-select none
  // Override icon-styling line-height
  line-height @height !important
  transition all 0.125s
  &:hover
    background-color gray-darker-color
    border-color @background-color
    color white
  &.is-active
  &[data-state='active']
    background-color purple-color
    border-color @background-color
    color white

.circle-button-with-label
  display inline-block
  text-align center

.circle-button-label
  avant-garde()
  font-size 11px
  color black
  margin-top 5px

.highlight-link
  line-height 1.1
  text-decoration none
  transition color 0.25s
  &:hover
    color purple-color

.play-button
  position absolute
  background-color black
  cursor pointer
  height 55px
  width 75px
  top 50%
  left @top
  margin-top -(@height / 2)
  margin-left -(@width / 2)
  padding 25px
  transition background-color 0.25s
  &:hover
    background-color purple-color
  &:after
    display block
    position absolute
    content ''
    top 50%
    left @top
    width 0
    height 0
    border-top 10px solid transparent
    border-bottom @border-top
    border-left 20px solid white
    margin-top -10px
    margin-left @margin-top

.button-separator
  display inline-block
  width 0
  margin 0 5px

.avant-garde-button
  display inline-block
  position relative
  padding 15px 30px
  font-size 13px
{'fraction_non_alphanumeric': 0.08136261261261261, 'fraction_numerical': 0.029842342342342343, 'mean_word_length': 2.8577633007600434, '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': '5823215', 'n_tokens_mistral': 1208, 'n_tokens_neox': 1114, 'n_words': 344}