~xdavidwu/xdavidwu.link

ae389de50798271042d04f1dddc5d2ff6c51e6e8 — Peter Ahrens 6 years ago 1ed04c0
Giving the people what they want: A new, wider "wide" class for the "single" layout. (#1516)

Add `wide` variant to single layout
2 files changed, 49 insertions(+), 0 deletions(-)

M _sass/minimal-mistakes/_page.scss
M _sass/minimal-mistakes/_sidebar.scss
M _sass/minimal-mistakes/_page.scss => _sass/minimal-mistakes/_page.scss +26 -0
@@ 424,3 424,29 @@
  font-size: $type-size-6;
  text-transform: uppercase;
}

/*
   Wide Pages
   ========================================================================== */

.wide {
  .page {
    @include breakpoint($large) {
      padding-right: 0;
    }

    @include breakpoint($x-large) {
      padding-right: 0;
    }
  }

  .page__related {
    @include breakpoint($large) {
      padding-right: 0;
    }

    @include breakpoint($x-large) {
      padding-right: 0;
    }
  }
}

M _sass/minimal-mistakes/_sidebar.scss => _sass/minimal-mistakes/_sidebar.scss +23 -0
@@ 272,3 272,26 @@
    }
  }
}

/*
   Wide Pages
   ========================================================================== */

.wide .sidebar__right {
  margin-bottom: 1em;
  @include breakpoint($large) {
    position: initial;
    top: initial;
    right: initial;
    width: initial;
    margin-right: initial;
    padding-left: initial;
    z-index: initial;
  }

  @include breakpoint($x-large) {
    width: initial;
    margin-right: initial;
  }
}