html { height: 100%; } body { min-height: 100%; display: flex; flex-direction: column; } .footer-push { flex-grow: 1; } .site-footer { border-top: .5rem solid $primary; margin-top: 3rem; padding-top: 2rem; padding-bottom: 4rem; background-color: $background; color: white; a { color: white; text-decoration: none; } a:hover { opacity: 0.8; text-decoration: underline; } } .site-footer__content { }