<commit_before>body.layout-grid-slideshow {
  overflow: auto;
}

.lc-grid-slideshow {
  .page-tab {
    transition: opacity 1s ease-in;
    z-index: 1;

    &.inactive {
      opacity: 0;
      transition: opacity 1s ease-out;
      z-index: -1;
    }
  }

  #toggle-revealjs-overview {
    background: #FC0D1D;
    color: #FFF;
    cursor: pointer;
    padding: 5px 15px;
    margin-top: 20px;
    border: 0;
    opacity: 1;
    transition: opacity 1s ease-in;

    &.inactive {
      opacity: 0;
      transition: opacity 1s ease-out;
    }
  }

  #contentarea {
    position: relative;
  }

  .reveal {
    min-height: 700px;
    position: absolute;
    top: 0;
    left: 0;

    h1, h2, h3, h4, h5, h6 {
      line-height: 1;
      
      font-family: $headings-font-family;

      .logged-in & {
        font-family: 'Helsinki', $headings-font-family;
      }
    }
    
    h1 {
      font-size: 1.5rem
    }

    h2 {
      font-size: 1.25rem;
    }

    h3 {
      font-size: 1rem;
    }

    h4 {
      font-size: 0.8rem;
    }

    p, .slides section {
      font-size: 1.1rem;
      text-align: left;
    }

    a, a:active, a:visited {
      color: $link_red;
    }

    .slides > section > section:first-child {
      text-align: center;

      h1 {
        font-size: 4rem;
      }

      h2 {
        font-size: 3rem;
      }

      h3 {
        font-size: 2rem;
      }
    }

    &.overview .slides > section > section:first-child {
      .heading {
        transform: scale(2) translateY(50%);
      }
      .extras {
        display: none;
      }
    }
    section img {
      border: none;
      box-shadow: none;
    }

    .controls {
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      pointer-events: none;

      * {
        color: inhert !important;
      }

      div {
        pointer-events:auto;
        width: 3rem;
        height: 3rem;
        text-align: center;
        border: inherit;

        &.enabled {
          opacity: 0.5;
          transition: opacity 1s;
          
          &:hover {
            transition: opacity 1s;
            opacity: 1;
          }
        }
        
        i {
          font-size: 1.25rem;
          line-height: 2rem;
        }

        &.enabled:active {
          margin-top: inherit;
        }

        &.navigate-left {
          top: inherit;
        }

        &.navigate-right {
          left: inherit;
          top: inherit;
        }

        &.navigate-up {
          left: inherit;
        }

        &.navigate-down {
          left: inherit;
          top: inherit;
        }
      }
    }

    &.overview .slides {
      section:hover, section.present {
        outline: 10px solid rgba(150, 150, 150, 1);
        outline-offset: 10px;
        background: #ccc;
      }
    }
  }

  #keyfacts {
    margin-top: 3rem;
  }<commit_msg>styles for full-width grid layout<commit_after>$reveal_area_height: 700px;

body.layout-grid-slideshow {
  overflow: auto;
}

.lc-grid-slideshow {
  // add media queries for proper responsive layout
  .top-content {
    @include container;
    .main-content {
      @include span(9 of 12);
    }
    nav {
      @include span(last 3 of 12);
    }
  }

  .page-tab {
    transition: opacity 1s ease-in;
    z-index: 1;

    &.inactive {
      opacity: 0;
      transition: opacity 1s ease-out;
      z-index: -1;
    }
  }

  #toggle-revealjs-overview {
    background: #FC0D1D;
    color: #FFF;
    cursor: pointer;
    padding: 5px 15px;
    margin-top: 20px;
    border: 0;
    opacity: 1;
    transition: opacity 1s ease-in;

    &.inactive {
      opacity: 0;
      transition: opacity 1s ease-out;
    }
  }

  .heading-row {
    @include clearfix;
  }

  .toolbar {
    float: right;
    transform: translateY(-1.5rem);  // MONKEYPATCH - position this properly
    @include clearfix;

    li {
      display: inline;
      margin-right: 1rem;
    }
  }

  .entry-content {
    position: relative;
    min-height: $reveal-area-height;
  }

  .top-content {
    nav {
      h1 {
        font-size: 1rem;
      }

      section:first-child {
        margin-top: 0;
      }
    }
  }

  .reveal {
    min-height: $reveal-area-height;
    position: absolute;
    top: 0;
    left: 0;

    h1, h2, h3, h4, h5, h6 {
      line-height: 1;
      
      font-family: $headings-font-family;

      .logged-in & {
        font-family: 'Helsinki', $headings-font-family;
      }
    }
    
    h1 {
      font-size: 1.5rem
    }

    h2 {
      font-size: 1.25rem;
    }

    h3 {
      font-size: 1rem;
    }

    h4 {
      font-size: 0.8rem;
    }

    p, .slides section {
      font-size: 1.1rem;
      text-align: left;
    }

    a, a:active, a:visited {
      color: $link_red;
    }

    .slides section, .slides section > section {
      margin-top: inherit;  // MONKEYPATCH: overriding general layout setting for theme
    }

    .slides > section {
      min-height: 700px;

      & > section:first-child {
        text-align: center;

        h1 {
          font-size: 4rem;
        }

        h2 {
          font-size: 3rem;
        }

        h3 {
          font-size: 2rem;
        }
      }
    }

    &.overview {
      section {
        margin: 0 !important;
      }

      .slides > section > section:first-child {
        .heading {
          transform: scale(2) translateY(50%);
        }
      
        .extras {
          display: none;
        }
      }
    }

    section img {
      border: none;
      box-shadow: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    .controls {
      position: absolute;
      width: 100%;
      height: 100%;
      right: 0;
      bottom: 0;
      pointer-events: none;

      * {
        color: inhert !important;
      }

      div {
        pointer-events:auto;
        width: 3rem;
        height: 3rem;
        text-align: center;
        border: inherit;

        &.enabled {
          opacity: 0.5;
          transition: opacity 1s;
          
          &:hover {
            transition: opacity 1s;
            opacity: 1;
          }
        }
        
        i {
          font-size: 1.25rem;
          line-height: 2rem;
        }

        &.enabled:active {
          margin-top: inherit;
        }

        &.navigate-left {
          top: inherit;
        }

        &.navigate-right {
          left: inherit;
          top: inherit;
        }

        &.navigate-up {
          left: inherit;
        }

        &.navigate-down {
          left: inherit;
          top: inherit;
        }
      }
    }

    &.overview .slides > section {
      & > section:hover, section.present {
        outline: 10px solid rgba(150, 150, 150, 1);
        outline-offset: 10px;
        background: #ccc;
      }
    }
  }

  .metadata {
    font-size: 0.9rem;
    
    section {
      margin-top: 0;
      margin-bottom: 1rem;
    }
  }
{'fraction_non_alphanumeric': 0.11955420466058764, 'fraction_numerical': 0.02764510059342886, 'mean_word_length': 1.3195703256126217, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 14, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5520458', 'n_tokens_mistral': 2570, 'n_tokens_neox': 2340, 'n_words': 504}