<commit_before>@import '../../common/defaults'

.settings
  position: fixed
  display: flex
  flex-direction: column
  justify-content: flex-start
  width: 400px
  height: 100%
  top: 0
  right: 0
  overflow: hidden

  box-sizing: border-box
  background: #fff
  border-radius: 4px 0px 0px 4px
  box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
  margin: 0
  padding: 0
  box-sizing: border-box

  color: $font-color
  fill: $font-color
  stroke: none

  -webkit-backface-visibility: hidden
  transform-origin: right 50%
  transform: perspective(1000px) rotate3d(0, 1, 0, -90deg)
  transition: transform 400ms ease-out
  will-change: transform

  &--open
    transform: perspective(1000px) rotate3d(0, 1, 0, 0deg)

  &__header
    flex: 0 1 auto
    border-bottom: solid 1px rgba(0,0,0,.12)
    display: flex
    flex-direction: row
    flex-wrap: nowrap
    justify-content: space-between

  &__content
    flex: 0 1 100%
    overflow: auto
    transform: translateZ(0)

  &__close-icon
    display: inline-block
    width: 50px
    height: 50px
    font-size: 2em
    fill: lighten($font-color, 50%)
    line-height: 50px
    text-align: center
    cursor: pointer
    transition: fill 200ms

    &:hover
      fill: $font-color

  &__tab
    display: inline-block
    position: relative
    padding: 0 15px
    line-height: 50px
    vertical-align: bottom
    color: lighten($font-color, 30%)
    cursor: pointer

    &:before
      content: ' '
      position: absolute
      width: 100%
      height: 0px
      bottom: 0
      left: 0
      background: $main-color
      transform: scale(1, 0)
      transform-origin: center bottom
      height: 5px
      transition: transform 200ms ease

    &:hover:before
        transform: scale(.5, .8)
        background: $main-color

    &--active
    &:hover
      color: $font-color

    &--active
    &--active:hover
      &:before
        transform: scale(1)
        background: $main-color<commit_msg>improve hovering over tab labels<commit_after>@import '../../common/defaults'

.settings
  position: fixed
  display: flex
  flex-direction: column
  justify-content: flex-start
  width: 400px
  height: 100%
  top: 0
  right: 0
  overflow: hidden

  box-sizing: border-box
  background: #fff
  border-radius: 4px 0px 0px 4px
  box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
  margin: 0
  padding: 0
  box-sizing: border-box

  color: $font-color
  fill: $font-color
  stroke: none

  -webkit-backface-visibility: hidden
  transform-origin: right 50%
  transform: perspective(1000px) rotate3d(0, 1, 0, -90deg)
  transition: transform 400ms ease-out
  will-change: transform

  &--open
    transform: perspective(1000px) rotate3d(0, 1, 0, 0deg)

  &__header
    flex: 0 1 auto
    border-bottom: solid 1px rgba(0,0,0,.12)
    display: flex
    flex-direction: row
    flex-wrap: nowrap
    justify-content: space-between

  &__content
    flex: 0 1 100%
    overflow: auto
    transform: translateZ(0)

  &__close-icon
    display: inline-block
    width: 50px
    height: 50px
    font-size: 2em
    fill: lighten($font-color, 50%)
    line-height: 50px
    text-align: center
    cursor: pointer
    transition: fill 200ms

    &:hover
      fill: $font-color

  &__tab
    display: inline-block
    position: relative
    padding: 0 15px
    line-height: 50px
    vertical-align: bottom
    color: lighten($font-color, 30%)
    cursor: pointer

    &:before
      content: ' '
      position: absolute
      width: 100%
      height: 0px
      bottom: 0
      left: 0
      background: $main-color
      transform: scale(1, 0)
      transform-origin: center bottom
      height: 5px

    &:hover:before
      transition: transform 200ms ease
      transform: scale(.5, .8)
      background: $main-color

    &--active
    &:hover
      color: $font-color

    &--active
    &--active:hover
      &:before
        transform: scale(1)
        background: $main-color
{'fraction_non_alphanumeric': 0.11152416356877323, 'fraction_numerical': 0.05799256505576208, 'mean_word_length': 2.5187445510026154, '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': '114354', 'n_tokens_mistral': 1584, 'n_tokens_neox': 1370, 'n_words': 383}