Footer

The footer component is used to display a footer at the bottom of the page. It’s currently quite simple, rendering just a list of links. This is because the footer varies too much between projects to have a generic component. Both layout and style are project-specific.

By default the footer is always rendered just outside of the viewport. It’s only visible when the user scrolls to the bottom of the page. This is due to <main> being minimum 100vh height, pushing the footer down. If this is not desired, change the .main css in src/app/globals.scss to modify the behaviour.

CSS variables

The following CSS variables are available for styling:

--footer-bg-color: Background color for the footer.

--footer-text-color: Text color for the footer.