// ============================================================================ // :: Body // ============================================================================ /** * The styling applied to the tag on the page. These can be mostly states * for when an element affects the entire page. */ // ============================================================================ // :: States // ============================================================================ body { &.has-nav-open { @include respond-to($bp-breakpoint-desktop-base) { overflow: hidden; } } &.has-sticky-footer { position: relative; min-height: 100vh; .bp-footer { position: absolute; bottom: 0; left: 0; width: 100%; } } }