<commit_before>$footer-height: 250px
$nav-height: 187px
$slide-height: 540px
$slide-width: 805px

.gallery
  margin: auto
  // todo: respond ,
  width: $slide-width
  transition: left .5s ease

.gallery__slide-background
  background: $body-copy
  height: $slide-height
  left: 0
  position: absolute
  width: 100%
  .gallery-box &
    top: 120px

.gallery__slide-container
  +hardware-acceleration()
  clear: both
  height: $slide-height
  position: relative
  transition: margin-left 0.2s ease-in-out
  overflow: hidden
  .is-loading &
    padding-left: 100%

.gallery__slide
  +hardware-acceleration()
  float: left
  height: $slide-height
  opacity: 0
  transition: opacity 0.3s ease-in-out
  width: $slide-width
  .is-loading &
  &.is-current
    display: block
    opacity: 1
  &.is-previous,
  &.is-next
    cursor: pointer
    display: block
    opacity: .6
    &:hover
      opacity: .7

.gallery__img
  width: 100%
  height: 100%

.gallery__title
  color: $body-copy

.gallery__breadcrumb
  font-weight: bold
  line-height: 2
  text-transform: uppercase
  &:before
    +size(14px)
    display: inline-block
    vertical-align: middle

.gallery__footer<commit_msg>Add a background, fix(temporailirty) width, move the gallery title, add some padding<commit_after>$footer-height: 250px
$nav-height: 187px
$slide-height: 540px
$slide-width: 805px

.gallery
  margin: auto
  // todo: respond ,
  width: $slide-width
  transition: left .5s ease

.gallery__slide-background
  background: $body-copy
  height: $slide-height
  left: 0
  position: absolute
  width: 100%
  .gallery-box &
    top: 120px

.gallery__slide-container
  +hardware-acceleration()
  clear: both
  height: $slide-height
  position: relative
  transition: margin-left 0.2s ease-in-out
  overflow: hidden
  .is-loading &
    padding-left: 100%

.gallery__slide
  +hardware-acceleration()
  float: left
  height: $slide-height
  opacity: 0
  transition: opacity 0.3s ease-in-out
  width: $slide-width
  .is-loading &
  &.is-current
    display: block
    opacity: 1
  &.is-previous,
  &.is-next
    cursor: pointer
    display: block
    opacity: .6
    &:hover
      opacity: .7

.gallery__img
  width: 100%
  height: 100%

.gallery__title
  color: $body-copy
  padding-bottom: 10px

.gallery__breadcrumb
  font-weight: bold
  line-height: 2
  text-transform: uppercase
  &:before
    +size(14px)
    display: inline-block
    vertical-align: middle

.gallery__footer
{'fraction_non_alphanumeric': 0.11024590163934427, 'fraction_numerical': 0.03360655737704918, 'mean_word_length': 3.1443123938879456, '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': '1781738', 'n_tokens_mistral': 949, 'n_tokens_neox': 852, 'n_words': 218}