Mana

V281-06

Een variant van de footer.

Hoe te gebruiken?

Pas in de config het veld 'navbar.footer.style' aan naar 'mana'.

Voorvertoning

Alvast beginnen met een basis opmaak?

Neem de onderstaande code over in de website om alvast met een basis opmaak te beginnen.
CSS
footer.nav-footer {
	background-color: var(--primary-bg);
}

footer.nav-footer .top {
	padding: 2rem 0;
}

footer.nav-footer .top a{
	color: var(--primary);
	text-decoration: none;
}

footer.nav-footer .top a:hover,
footer.nav-footer .top a:focus{
	color: var(--tertiary);
}

footer.nav-footer .footer-contact-info i{
	margin-bottom: 1rem;
}

footer.nav-footer .navlist{
	columns: 2;
}

footer.nav-footer address{
	margin: 0;
}

footer.nav-footer .title {
	font-size: 2rem;
	font-weight: 700;
	color: inherit;
}

footer.nav-footer .footer-socials{
	padding-top: 1.5rem;
}