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

.gallery
  margin: auto
  max-width: $slide-width
  transition: left .5s ease

.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
  background: linear-gradient(to bottom, rgba($darkblue, 0.0), rgba($darkblue, 0.2) 50%, rgba($darkblue, 0.2) 100%)
  bottom: 0
  color: white
  left: 0
  opacity: 0
  padding: 40px 15px 15px 20px
  position: absolute
  transition: opacity 0.3s ease-in-out
  width: 770px
  z-index: 20
  .is-current &
    opacity: 1

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

.gallery__footer
  background: white
  height: $footer-height
  overflow: hidden
  width: $slide-width

.gallery__description
  background: white
  border-radius: 0 0 0 4px
  box-sizing: border-box
  float: left
  height: $footer-height
  padding: 20px
  position: relative
  width: 505px

.gallery__social .sharing
  padding: 10px 0 40px 0
  border-top: none
  .split--right
    display: none
  .sharing__label
    display: none
  .facebook-like
    margin: 0
    top: 0

.gallery__subject-leadin
  +font-size(12)
  color: $darkblue
  font-weight: bold
  text-transform: uppercase

.gallery__poi-title
  +font-size(18)
  font-weight: bold
  line-height: 2
  color: $body-copy
  &:before
    width: 20px
    height: 24px
    display: inline-block
    vertical-align: middle

.gallery__quote
  +font-size(14)
  border-left-style: solid
  border-left-width: 2px
  line-height: 1.2
  margin-left: 9px
  padding: 5px 0 5px 15px
  &.gallery__quote--sight
    border-color: $red

.gallery__mpu
  float: left
  height: $footer-height
  width: 300px
  background: white

.gallery-underlay
  background: $body-background
  background: rgba($body-background, 0.95)
  bottom: 0
  left: 0
  opacity: 0
  position: fixed
  right: 0
  top: 0
  transition: opacity 1s
  z-index: 5
  &.is-active
    opacity: 1

.gallery-box
  +hardware-acceleration()
  left: 0
  height: 100%
  opacity: 0
  overflow: hidden
  position: absolute
  top: $nav-height
  transition: opacity .5s, left 1s
  width: 100%
  z-index: 20
  &.is-active
    opacity: 1
  &.is-loading
    left: 100%

.gallery-box__close
  +size(40px)
  margin: 40px 20px
  cursor: pointer
  opacity: .25

.gallery__next,
.gallery__previous
  background: #888
  background: rgba(#000, 0.5)
  padding: 10px 0<commit_msg># This is a combination of 3 commits. # The first commit's message is: 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

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

.gallery__footer
  background: white
  height: $footer-height
  overflow: hidden
  width: $slide-width

.gallery__description
  background: white
  border-radius: 0 0 0 4px
  box-sizing: border-box
  float: left
  height: $footer-height
  padding: 20px
  position: relative
  width: 505px

.gallery__social .sharing
  padding: 10px 0 40px 0
  border-top: none
  .split--right
    display: none
  .sharing__label
    display: none
  .facebook-like
    margin: 0
    top: 0

.gallery__subject-leadin
  +font-size(12)
  color: $darkblue
  font-weight: bold
  text-transform: uppercase

.gallery__poi-title
  +font-size(18)
  font-weight: bold
  line-height: 2
  color: $body-copy
  &:before
    width: 20px
    height: 24px
    display: inline-block
    vertical-align: middle

.gallery__quote
  +font-size(14)
  border-left-style: solid
  border-left-width: 2px
  line-height: 1.2
  margin-left: 9px
  padding: 5px 0 5px 15px
  &.gallery__quote--sight
    border-color: $red

.gallery__mpu
  float: left
  height: $footer-height
  width: 300px
  background: white

.gallery-underlay
  background: $body-background
  background: rgba($body-background, 0.95)
  bottom: 0
  left: 0
  opacity: 0
  position: fixed
  right: 0
  top: 0
  transition: opacity 1s
  z-index: 10
  &.is-active
    opacity: 1

.gallery-box
  +hardware-acceleration()
  left: 0
  height: 100%
  opacity: 0
  overflow: hidden
  position: absolute
  top: 0
  transition: opacity .5s, left 1s
  width: 100%
  z-index: 20
  &.is-active
    opacity: 1
  &.is-loading
    left: 100%

.gallery-box__close
  +size(40px)
  margin: 40px 20px
  cursor: pointer
  opacity: .25

.gallery__next,
.gallery__previous
  background: #888
  background: rgba(#000, 0.5)
  padding: 10px 0
{'fraction_non_alphanumeric': 0.10652750165672631, 'fraction_numerical': 0.04605699138502319, 'mean_word_length': 3.0708024275118, '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': '1781737', 'n_tokens_mistral': 2479, 'n_tokens_neox': 2160, 'n_words': 594}