module.exports = { id: 'footer', title: 'Footer', keywords: [`navigation`, `footer`, `sticky`, `link`], description: `
The footer element has been minimally styled, aiming to provide you with a clean base to create your web apps' footers.
`, example: ``, samples: [`<footer> <p>Footer text</p> </footer>`], notes: [], customization: [ `Text color for the footer can be changed by changing the value of the
--footer-fore-color
variable.`,
`Background color for the footer can be changed by changing the value of the --footer-back-color
variable.`,
`Border color for the footer can be changed by changing the value of the --footer-border-color
variable.`,
`Text color for links inside the footer can be changed by changing the value of the --footer-link-color
variable.`,
`Universal padding for elements can be changed globally by changing the value of the --universal-padding
variable.`
],
modifiers: [
{
title : 'Sticky footer',
description: `You can make your web app's footer sticky (.sticky
), by applying the appropriate modifier.
<footer class="sticky"> <p>Footer text</p> </footer>`] } ], dos: [], donts: [] }