Il problema non è che il footer è bianco. Il problema è che il contenuto della pagina non è abbastanza grande da riempire l’intera viewport.
Tuttavia, puoi anche risolvere questo problema con il CSS. Prova ad aggiungere anche questi stili.
#main > div:first-child {
display: flex;
flex-direction: column;
min-height: 100vh;
}
#main-outlet {
flex: 1 0 auto;
max-width: calc(100% - 20px);
width: $large-width;
}