// Offsets // =======
$sideOffsetBase: 15vw;
body > header {
padding: 0 $sideOffsetBase 0 $sideOffsetBase; // Hanging logo on the left @media screen and (min-width: $bigscreenBreakpoint) { padding: 0 $sideOffsetBase 0 calc(#{$sideOffsetBase} - #{$logoOffset}); }
} body > footer {
padding: 0 $sideOffsetBase 0 $sideOffsetBase; // Hanging logo on the right @media screen and (min-width: $bigscreenBreakpoint) { padding: 0 calc(#{$sideOffsetBase} - #{$logoOffset}) 0 $sideOffsetBase; }
}
body.home > main {
> section .section-title, > .section > h2, > .section > .sectionbody { margin-left: $sideOffsetBase; margin-right: $sideOffsetBase; }
}
body.home > main > .news {
.items { margin-left: calc(#{$sideOffsetBase} - #{$homeSectionItemSidePadding}); }
}
// Basic body .pad-all-main-contents {
> main > * { padding-left: $sideOffsetBase; padding-right: $sideOffsetBase / 2; @media screen and (min-width: $bigscreenBreakpoint) { padding-right: $sideOffsetBase; } }
}
body.post, body.page, body.post-index, body.resource-index {
@extend .pad-all-main-contents;
}
body.resource {
> main > * { padding-left: $stripeWidth * 2; padding-right: 0; }
}