// 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);

}