N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Giving the people what they want: A new, wider "wide" class for the "single" layout. (#1516)

Browse source 
Add `wide` variant to single layout
This commit is contained in:
Peter Ahrens 2018-02-05 14:23:44 -05:00 committed by Michael Rose
parent ecf22d2d38
commit ba4a07d771
2 changed files with 49 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
_sass/minimal-mistakes/_page.scss
View file

@ -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;
}
}
}

23
_sass/minimal-mistakes/_sidebar.scss
View file

@ -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;
}
}