Summary
A footer pattern as shown at the bottom of this page.
- HTML Attributes
- HTML Classes
- JavaScript Events
- JavaScript Methods
- SASS Functions
- SASS Mixins
- SASS Variables
There are no attributes defined for this pattern.
| Name | Description |
|---|---|
zui-footer |
The class that defines an element as a footer. Usually placed on the <footer> element. |
There are no events defined for this pattern.
There are no methods defined for this pattern.
There are no functions defined for this pattern.
There are no mixins defined for this pattern.
| Name | Description |
|---|---|
zui-footer-class |
The name of the class used to define a footer. |
zui-footer-background-color |
The background color of the footer. |
zui-footer-border-top |
The top border of the footer. |
zui-footer-padding |
The padding of the footer. |
zui-footer-text-align |
The alignment of the footer. |
zui-footer-anchor-color |
The alignment of the footer. |
zui-footer-font |
The font (usually just the size) of the footer. |
zui-footer-line-height |
The line height of the footer. |
zui-footer-separator |
The separator used in between the list items. |
zui-footer-margin-size |
The size left and right from the separator. |
Example
- Hello
- World
Markup
<div class="zui-footer">
<ul>
<li>Hello</li>
<li>World</li>
</ul>
</div>
