larva modules: `footer-menus`

Available Variants

prototype

footer-menus README

This module is included in footer and does not have its own JSON configuration file. Refer to the footer readme for details on implementing the footer in a theme.

footer-menus Twig The markup file.

<div class="footer-menus // {{ footer_menu_classes }}">
	{% for item in o_navs %}
		{% include "@larva/objects/o-nav/o-nav.twig" with item %}
	{% endfor %}
</div>

footer-menus JSON The data object for this pattern.

{
	"footer_menu_classes": "lrv-a-grid lrv-a-cols3@tablet lrv-u-background-color-black lrv-u-color-white",
	"o_navs": [
		{
			"modifier_class": "",
			"o_nav_classes": "lrv-js-MobileHeightToggle lrv-u-text-align-center@tablet lrv-u-border-a-1@mobile-max lrv-u-border-color-white",
			"o_nav_title_text": "Footer Menu",
			"o_nav_title_id_attr": "",
			"o_nav_title_classes": "lrv-js-MobileHeightToggle-trigger lrv-u-padding-lr-1 lrv-u-margin-tb-00 lrv-u-padding-t-1 lrv-u-padding-t-050@tablet lrv-u-padding-b-050 lrv-u-width-100p@mobile-max lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-a-icon-after-remove@tablet lrv-a-icon-invert lrv-u-cursor-pointer lrv-u-font-family-primary lrv-u-font-weight-bold lrv-u-font-size-20",
			"o_nav_aria_labelledby_attr": "",
			"o_nav_screen_reader_id_attr": "optional-screen-reader",
			"o_nav_screen_reader_text": "optional screen reader",
			"o_nav_list_classes": "lrv-a-unstyle-list lrv-js-MobileHeightToggle-target lrv-u-padding-b-050",
			"o_nav_list_item_classes": "lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-font-size-18@mobile-max lrv-u-font-size-12 lrv-u-color-grey-light lrv-u-color-white:hover",
			"o_nav_list_items": [
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				}
			],
			"o_nav_list_labelledby_attr": ""
		},
		{
			"modifier_class": "",
			"o_nav_classes": "lrv-js-MobileHeightToggle lrv-u-text-align-center@tablet lrv-u-border-a-1@mobile-max lrv-u-border-color-white",
			"o_nav_title_text": "Footer Menu",
			"o_nav_title_id_attr": "",
			"o_nav_title_classes": "lrv-js-MobileHeightToggle-trigger lrv-u-padding-lr-1 lrv-u-margin-tb-00 lrv-u-padding-t-1 lrv-u-padding-t-050@tablet lrv-u-padding-b-050 lrv-u-width-100p@mobile-max lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-a-icon-after-remove@tablet lrv-a-icon-invert lrv-u-cursor-pointer lrv-u-font-family-primary lrv-u-font-weight-bold lrv-u-font-size-20",
			"o_nav_aria_labelledby_attr": "",
			"o_nav_screen_reader_id_attr": "optional-screen-reader",
			"o_nav_screen_reader_text": "optional screen reader",
			"o_nav_list_classes": "lrv-a-unstyle-list lrv-js-MobileHeightToggle-target lrv-u-padding-b-050",
			"o_nav_list_item_classes": "lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-font-size-18@mobile-max lrv-u-font-size-12 lrv-u-color-grey-light lrv-u-color-white:hover",
			"o_nav_list_items": [
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				}
			],
			"o_nav_list_labelledby_attr": ""
		},
		{
			"modifier_class": "",
			"o_nav_classes": "lrv-js-MobileHeightToggle lrv-u-text-align-center@tablet lrv-u-border-a-1@mobile-max lrv-u-border-color-white",
			"o_nav_title_text": "Footer Menu",
			"o_nav_title_id_attr": "",
			"o_nav_title_classes": "lrv-js-MobileHeightToggle-trigger lrv-u-padding-lr-1 lrv-u-margin-tb-00 lrv-u-padding-t-1 lrv-u-padding-t-050@tablet lrv-u-padding-b-050 lrv-u-width-100p@mobile-max lrv-a-icon-after lrv-a-icon-arrow-down lrv-a-icon-after:margin-l-auto lrv-a-icon-after-remove@tablet lrv-a-icon-invert lrv-u-cursor-pointer lrv-u-font-family-primary lrv-u-font-weight-bold lrv-u-font-size-20",
			"o_nav_aria_labelledby_attr": "",
			"o_nav_screen_reader_id_attr": "optional-screen-reader",
			"o_nav_screen_reader_text": "optional screen reader",
			"o_nav_list_classes": "lrv-a-unstyle-list lrv-js-MobileHeightToggle-target lrv-u-padding-b-050",
			"o_nav_list_item_classes": "lrv-u-padding-lr-1 lrv-u-padding-tb-050 lrv-u-font-size-18@mobile-max lrv-u-font-size-12 lrv-u-color-grey-light lrv-u-color-white:hover",
			"o_nav_list_items": [
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link",
					"c_link_text": "A plain text link",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				}
			],
			"o_nav_list_labelledby_attr": ""
		}
	]
}