<commit_before>.stories {
  box-sizing: border-box;
}
.stories *, .stories *:before, .stories *:after {
  box-sizing: inherit;
}

$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);

/**
    Overall structure of the slideshow
**/
.stories {
  .slides {
    position: absolute;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-font-smoothing: antialiased;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    overflow: hidden;
  }

  &.debug:before {
    height: 0px;
    width: 100%;
    position:absolute;
    border-bottom:1px solid red;
    top: 50%;
    content: '';
    display: block;
    z-index: 1000;
  }
  &.debug .slides {
    outline: 2px solid red;
    overflow: visible;
  }
}

.stories--viewport-fixed {
  .slides > section {

  }
}

.stories--viewport-fluid {
  .slides > section {

  }
}
<commit_msg>fix viewport-fixed to account for new .viewport<commit_after>.stories {
  box-sizing: border-box;
}
.stories *, .stories *:before, .stories *:after {
  box-sizing: inherit;
}

$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);

/**
    Overall structure of the slideshow
**/
.stories {
  .slides {
    position: absolute;
    -webkit-font-smoothing: antialiased;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .viewport {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    overflow: hidden;
  }

  &.debug:before {
    height: 0px;
    width: 100%;
    position:absolute;
    border-bottom:1px solid red;
    top: 50%;
    content: '';
    display: block;
    z-index: 1000;
  }
  &.debug .slides {
    outline: 2px solid red;
    overflow: visible;
  }
}

.stories--viewport-fixed {
  .slides > section {

  }
}

.stories--viewport-fluid {
  .slides > section {

  }
}

{'fraction_non_alphanumeric': 0.15146831530139104, 'fraction_numerical': 0.03709428129829984, 'mean_word_length': 2.236666666666667, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '5310420', 'n_tokens_mistral': 823, 'n_tokens_neox': 749, 'n_words': 172}