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

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

View file

@ -424,3 +424,29 @@
font-size: $type-size-6; font-size: $type-size-6;
text-transform: uppercase; 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;
}
}
}

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