// Should be a direct child of the body element with the class ".l-body"
.l-main {
// stretch it out, so footer stays sticky to the bottom when there is little content
flex: 1;
.ie & {
flex: none;
}
// not on body element selector because of issues with mobile browsers
overflow-x: hidden;
// todo figure out
margin-bottom: calc(-1 * var(--slant-height));
padding-bottom: var(--slant-height);
}