<commit_before>.main
  width: 1024px
  margin: auto
  box-shadow: #111 0px 0px 20px

@mixin vertical-align
  position: relative
  top: 50%
  -webkit-transform: translateY(-50%)
  -ms-transform: translateY(-50%)
  transform: translateY(-50%)

@mixin sticky_footer($footer-height)
  html, body
    height: 100%
  .main
    min-height: 100%
    overflow-x: hidden
  .content
    padding: 1em 1em $footer-height

  .footer
    clear: both
    position: relative
    margin-top: $footer-height * -1
    height: $footer-height
    overflow: visible

// Unstick the footer
@mixin unsticky_footer()
  html, body
    height: auto
  .main
    min-height: none
  .content
    padding-bottom: 0
  .footer
    margin-top: 1em
    height: auto

@include sticky_footer(20px)

.footer
  background-color: #485563

.history
  overflow-y: scroll
  height: 400px

.buttons input
  display: block
  clear: both
  margin-top: 20px
  width: 100%

.dice
  text-align: center

.dice img
  user-select: none
  cursor: pointer

.unselected
  opacity: 0.1

$resultDiceSize: 50px

img.die-background
  height: $resultDiceSize
  position: relative

.die-type
  display: block
  text-align: right

.die-backgrounds
  position: relative
  display: inline-block

.die-side
  width: $resultDiceSize
  height: $resultDiceSize
  display: inline-block
  position: relative

.die-side img.die-effect
  height: $resultDiceSize / 2.3
  position: relative
  top: -$resultDiceSize
  text-align: center
  display: block
  margin: auto auto
<commit_msg>Fix images moving when selecting dice<commit_after>.main
  width: 1024px
  margin: auto
  box-shadow: #111 0px 0px 20px

@mixin vertical-align
  position: relative
  top: 50%
  -webkit-transform: translateY(-50%)
  -ms-transform: translateY(-50%)
  transform: translateY(-50%)

@mixin sticky_footer($footer-height)
  html, body
    height: 100%
  .main
    min-height: 100%
    overflow-x: hidden
  .content
    padding: 1em 1em $footer-height

  .footer
    clear: both
    position: relative
    margin-top: $footer-height * -1
    height: $footer-height
    overflow: visible

// Unstick the footer
@mixin unsticky_footer()
  html, body
    height: auto
  .main
    min-height: none
  .content
    padding-bottom: 0
  .footer
    margin-top: 1em
    height: auto

@include sticky_footer(20px)

.footer
  background-color: #485563

.history
  overflow-y: scroll
  height: 400px

.buttons input
  display: block
  clear: both
  margin-top: 20px
  width: 100%

.dice
  text-align: center

.dice img
  user-select: none
  cursor: pointer

.unselected
  opacity: 0.1

$resultDiceSize: 50px

img.die-background
  height: $resultDiceSize
  position: relative

.die-type
  display: block
  text-align: right
  font-size: 0

.die-backgrounds
  position: relative
  display: inline-block

.die-side
  width: $resultDiceSize
  height: $resultDiceSize
  display: inline-block
  position: relative

.die-side img.die-effect
  height: $resultDiceSize / 2.3
  position: relative
  top: -$resultDiceSize
  text-align: center
  display: block
  margin: auto auto

{'fraction_non_alphanumeric': 0.09937888198757763, 'fraction_numerical': 0.034324942791762014, 'mean_word_length': 3.1184387617765816, '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': '944438', 'n_tokens_mistral': 1158, 'n_tokens_neox': 1062, 'n_words': 295}