Output all o-footer styles including a navigation matrix, and two themes.
| parameter | type | default | description |
|---|---|---|---|
| opts (optional) | ('themes': ('light', 'dark'), 'margin': 40px, 'matrix': true) | a map of footer options. Keys include 'themes', a list of themes to support including "dark" and "light"; 'margin', a length to customise the footer's top margin; and 'matrix', a boolean value whether to support a complex footer with large navigation structure. |
Gets the color of a button property for a given theme and state.
| parameter | type | default | description |
|---|---|---|---|
| state | |||
| property | |||
| type | |||
| theme | A theme string or a custom theme map. |
background: oButtonsGetColor($state: 'default', $property: 'color', $type: 'primary');background: oButtonsGetColor($state: 'hover', $property: 'border', $type: 'secondary');Output all o-footer styles including a navigation matrix, and two themes.
| parameter | type | default | description |
|---|---|---|---|
| opts (optional) | ('themes': ('light', 'dark'), 'margin': 40px, 'matrix': true) | a map of footer options. Keys include 'themes', a list of themes to support including "dark" and "light"; 'margin', a length to customise the footer's top margin; and 'matrix', a boolean value whether to support a complex footer with large navigation structure. |
If using the Build Service, add o-footer@^9.2.6 to your
script and link tags.
If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-footer@^9.2.6".
o-footer is maintained directly by the Origami team. If you have any questions about o-footer or Origami in general, we are happy to help. 😊
Slack: #origami-support
Email: origami.support@ft.com
To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊
Slack: #origami-support
Email: origami.support@ft.com