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.

`, example: '', samples: [`
<footer class="sticky">
  <p>Footer text</p>
</footer>
`] } ], dos: [], donts: [] }