larva modules: mega-menu-content

Available Variants

prototype
mega-menu-content README

This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.

mega-menu-content Twig The markup file.
<ul class="mega-menu-content // mega-menu__parent-list {{ mega_menu_content_classes }} ">
	{% for item in mega_menu_content_items %}
		{% include "@larva/modules/mega-menu-item/mega-menu-item.twig" with item %}
	{% endfor %}
</ul>
mega-menu-content JSON The data object for this pattern.
{
	"mega_menu_content_items": [
		{
			"c_link": {
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary-dark:hover lrv-u-font-weight-bold lrv-a-font-body-xs lrv-u-text-transform-uppercase",
				"c_link_text": "Parent item",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			},
			"mega_menu_item_children": [
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs",
					"c_link_text": "Child item",
					"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 lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs",
					"c_link_text": "Child item",
					"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 lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs",
					"c_link_text": "Child item",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				}
			],
			"mega_menu_item_classes": "lrv-a-unstyle-list",
			"mega_menu_item_link_classes": "lrv-u-flex lrv-u-color-black   lrv-u-display-inline-block lrv-u-width-100p",
			"mega_menu_child_list_classes": "lrv-a-unstyle-list lrv-u-padding-t-1 lrv-u-margin-b-125"
		},
		{
			"c_link": {
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary-dark:hover lrv-u-font-weight-bold lrv-a-font-body-xs lrv-u-text-transform-uppercase",
				"c_link_text": "Parent item",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			},
			"mega_menu_item_children": [
				{
					"modifier_class": "",
					"c_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs",
					"c_link_text": "Child item",
					"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 lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs",
					"c_link_text": "Child item",
					"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 lrv-u-color-brand-primary-dark:hover lrv-u-padding-tb-025 lrv-u-display-block lrv-a-font-body-xs",
					"c_link_text": "Child item",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				}
			],
			"mega_menu_item_classes": "lrv-a-unstyle-list",
			"mega_menu_item_link_classes": "lrv-u-flex lrv-u-color-black   lrv-u-display-inline-block lrv-u-width-100p",
			"mega_menu_child_list_classes": "lrv-a-unstyle-list lrv-u-padding-t-1 lrv-u-margin-b-125"
		}
	],
	"mega_menu_content_classes": "lrv-u-flex lrv-u-flex-wrap-wrap lrv-a-unstyle-list lrv-u-background-color-white lrv-a-space-children--050 lrv-a-space-children-horizontal "
}