<commit_before>@import base

+base_rules

@keyframes fadein
  from
    opacity: 0

  to
    opacity: 1


@-webkit-keyframes fadein
  from
    opacity: 0

  to
    opacity: 1


@keyframes fadeout
  0%
    opacity: 1

  98%
    opacity: 1

  100%
    opacity: 0


@-webkit-keyframes fadeout
  0%
    opacity: 1

  98%
    opacity: 1

  100%
    opacity: 0


html
  animation: fadeout 120s
  -webkit-animation: fadeout 120s
  opacity: 0

  &:hover
    animation: none
    -webkit-animation: none
    opacity: 1

.grid
  margin: 0 auto
  width: 921px

.option
  a.btn.block
    margin-bottom: 0px
    width: 100%
    display: block

input#show
  display: none

#content
  display: block
  transition: opacity 1s ease-out
  opacity: 0
  height: 0
  font-size: 0
  overflow: hidden

#show
  &:before
    color: blue
    content: "Show"

  &:hover
    &.show:before
      color: gray
      content: "Hide"

    ~ span#content
      opacity: 1
      font-size: 100%
      height: auto

input.codename-box
  width: 400px
  padding: 10px
  font-weight: bold

.codename
  font-family: monospace
  letter-spacing: 0.15em
  font-weight: normal
  font-size: 0.85em<commit_msg>Fix colors on hover-to-show/hide-codename button<commit_after>@import base

+base_rules

@keyframes fadein
  from
    opacity: 0

  to
    opacity: 1


@-webkit-keyframes fadein
  from
    opacity: 0

  to
    opacity: 1


@keyframes fadeout
  0%
    opacity: 1

  98%
    opacity: 1

  100%
    opacity: 0


@-webkit-keyframes fadeout
  0%
    opacity: 1

  98%
    opacity: 1

  100%
    opacity: 0


html
  animation: fadeout 120s
  -webkit-animation: fadeout 120s
  opacity: 0

  &:hover
    animation: none
    -webkit-animation: none
    opacity: 1

.grid
  margin: 0 auto
  width: 921px

.option
  a.btn.block
    margin-bottom: 0px
    width: 100%
    display: block

input#show
  display: none

#content
  display: block
  transition: opacity 1s ease-out
  opacity: 0
  height: 0
  font-size: 0
  overflow: hidden

#show
  &:before
    color: $color_purple_medium
    content: "Show"

  &:hover
    &.show:before
      color: $color_grey_medium
      content: "Hide"

    ~ span#content
      opacity: 1
      font-size: 100%
      height: auto

input.codename-box
  width: 400px
  padding: 10px
  font-weight: bold

.codename
  font-family: monospace
  letter-spacing: 0.15em
  font-weight: normal
  font-size: 0.85em
{'fraction_non_alphanumeric': 0.08874005860192549, 'fraction_numerical': 0.04771871075763918, 'mean_word_length': 2.3426573426573425, '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': '3192038', 'n_tokens_mistral': 1000, 'n_tokens_neox': 866, 'n_words': 251}