<commit_before>* {
  -moz-box-sizing: inherit;
       box-sizing: inherit;
}

html {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

body {
  margin: 0;
}

h1, p {
  margin: 0.5em 0;
}

#presentation {
  font-family: Arial, sans-serif;
  font-size: 2em;
  line-height: 1.6;
  color: #303030;
  /* enable kerning using forward-compatible CSS */
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  visibility: hidden;
}

#presentation section {
  /* hide until bespoke classes are added; also prevents transitions during load */
  display: none;
}

#presentation.bespoke-parent {
  visibility: visible;
}

#presentation.bespoke-parent,
.bespoke-scale-parent {
  position: absolute;
  top: 0;
  left: 0;

  /*
  right: 0;
  bottom: 0;
  */
  /* ...or use view sizes */
  width: 100vw;
  height: 100vh;

  overflow: hidden;
}

.bespoke-scale-parent {
  /* prevent wrapper elements of inactive slides from blocking focus of the current slide */
  visibility: hidden;

  /* force Chrome to reraster slide content on resize by adding just enough transition */
  /* if this hack doesn't work, then advancing to next slide should force a repaint */
  /* QUESTION should scale plugin should add this if accel is enabled? */
  /*
  -webkit-transition: transform .1s linear;
          transition: transform .1s linear;
  */
}

#presentation .bespoke-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;
  margin-left: -320px;
  height: 360px;
  margin-top: -180px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  padding: 1em;
  /* use box shadow to indicate edge of slide in demo */
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  -webkit-transition: transform .3s ease, opacity .3s ease;
     -moz-transition: transform .3s ease, opacity .3s ease;
       -o-transition: transform .3s ease, opacity .3s ease;
          transition: transform .3s ease, opacity .3s ease;

  /* force opacity to start at 0 to avoid transition on load when using bespoke-scale */
  opacity: 0;
  visibility: visible;
}

#presentation .bespoke-inactive {
  /* setting opacity here is redundant */
  /*opacity: 0;*/
  /* don't let pointer events get trapped by inactive slides */
  pointer-events: none;
}

#presentation .bespoke-active {
  opacity: 1;
  /* ensure current slide is on the top; hmmm...don't seem to work */
  /*z-index: 1;*/
}<commit_msg>simplify CSS; add additional comments<commit_after>* {
  -moz-box-sizing: inherit;
       box-sizing: inherit;
}

html {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

body {
  margin: 0;
}

h1 {
  margin: 0;
}

p {
  margin: 0.5em 0;
}

input[type="text"] {
  vertical-align: middle;
}

#presentation {
  font-family: Arial, sans-serif;
  font-size: 2em;
  line-height: 1.6;
  color: #303030;
  /* enable kerning using forward-compatible CSS */
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  /* QUESTION should we toggle display property instead of visibility? */
  visibility: hidden;
}

#presentation section {
  /* hide slides until bespoke classes are added; prevents transitions during load */
  /* QUESTION should we toggle visibility instead? That doesn't appear to solve the messy load problem */
  display: none;
}

#presentation.bespoke-parent {
  visibility: visible;
}

.bespoke-parent,
.bespoke-scale-parent {
  position: absolute;
  top: 0;
  left: 0;

  /*
  right: 0;
  bottom: 0;
  */
  /* ...or use size of viewport */
  width: 100vw;
  height: 100vh;
}

.bespoke-parent {
  /* QUESTION should we move this to #presentation ? */
  overflow: hidden;
}

.bespoke-scale-parent {
  /* prevent wrapper elements of inactive slides from blocking focus of the current slide */
  visibility: hidden;

  /* force Chrome to reraster slide content on resize by adding just enough transition */
  /* if this hack doesn't work, then advancing to next slide should force a repaint */
  /* QUESTION should scale plugin should add this automatically if accel option is enabled? */
  /*
  -webkit-transition: transform 0.1s linear;
          transition: transform 0.1s linear;
  */
}

#presentation section.bespoke-slide {
  /* QUESTION should we toggle visibility instead? That doesn't appear to solve the messy load problem. */
  display: -webkit-flex;
          display: flex;
}

/* QUESTION move some of these properties to #presentation section rule? */
.bespoke-slide {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 640px;
  height: 360px;
  /* left and top margins must be negative and half of width and height, respectively */
  margin-left: -320px;
  margin-top: -180px;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-flex-direction: column;
          flex-direction: column;
  /* QUESTION should we apply padding to inner content container instead? */
  padding: 1em;
  /* use box shadow to indicate edge of slide in demo */
  box-shadow: 0 0 10px rgba(0,0,0,0.25);
  -webkit-transition: transform 0.3s ease, opacity 0.3s ease;
     -moz-transition: transform 0.3s ease, opacity 0.3s ease;
       -o-transition: transform 0.3s ease, opacity 0.3s ease;
          transition: transform 0.3s ease, opacity 0.3s ease;

  /* force opacity to start at 0 to avoid transition on load when using bespoke-scale */
  opacity: 0;
  /* revert visibility inherited by bespoke-scale-parent */
  visibility: visible;
}

.bespoke-inactive {
  /* setting opacity here is redundant */
  /*opacity: 0;*/
  /* don't let pointer events get trapped by inactive slides */
  pointer-events: none;
}

.bespoke-active {
  opacity: 1;
  /* ensure current slide is on the top; only relevant for opacity transitions */
  z-index: 100;
}
{'fraction_non_alphanumeric': 0.11478696741854637, 'fraction_numerical': 0.02456140350877193, 'mean_word_length': 3.033692722371968, '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': '2794670', 'n_tokens_mistral': 2072, 'n_tokens_neox': 1902, 'n_words': 650}