// Basic wrapper for text content. Centers on grid and adds proper margin
// for floating header.
//
// Styleguide X.X
.page {
  margin-bottom: 3rem;

  @include media($tablet) {
    @include span-columns(12);
    @include shift(2);
  }
}


// Basic layout classes, used in styleguide.
.sidebar {
  margin-top: 4rem; // keep top of sidebar inline with body text under a <h1>
  margin-bottom: 3rem;

  @include media($tablet) {
    @include span-columns(3);
    @include omega;

    nav.is-stuck {
      position: fixed;
      top: 0;
    }
  }
}

.sidebar-content {
  margin-top: 0;
  margin-bottom: 3rem;

  @include media($tablet) {
    @include shift(2);
    @include span-columns(10);
  }
}

// Basic layout classes, used in styleguide.
.sidebar {
  margin-top: 4rem; // keep top of sidebar inline with body text under a <h1>
  margin-bottom: 3rem;

  @include media($tablet) {
    @include span-columns(3);
    @include omega;

    nav.is-stuck {
      position: fixed;
      top: 0;
    }
  }
}

.sidebar-content {
  margin-top: 0;
  margin-bottom: 3rem;

  @include media($tablet) {
    @include shift(2);
    @include span-columns(10);
  }
}

Remove "page" pattern since it has been replaced by container.
Remove "page" pattern since it has been replaced by container.
