Contents

.container {
  max-width: $md-screen;
  margin: 0 auto;
  padding: 0 var(--spacer);
}

.sidebar-right {
  display: none;
}

@media screen and (min-width: $lg-screen) {
  .container {
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
  }
  
  main {
    flex: 1;
    max-width: 60%;
    margin-left: 22.5%;
    padding: 0 var(--spacer-2);
  }
  
  .sidebar-left {
    position: fixed;
    top: 0;
    width: 22.5%;
    height: 100vh;
    padding: var(--spacer);
    background-color: var(--code-bg);
  }
}

@media screen and (min-width: $xl-screen) {
  main {
    max-width: 55%;
  }

  .sidebar-right {
    display: block;
    position: fixed;
    top: 0;
    width: 22.5%;
    margin-left: 77.5%;
    padding: var(--spacer);
  }
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
jekyll-theme-scaffold-1.2.0	_sass/scaffold/_layout.scss
jekyll-theme-scaffold-1.1.0	_sass/scaffold/_layout.scss
jekyll-theme-scaffold-1.0.0	_sass/scaffold/_layout.scss