larva modules: mega-menu-content
Available Variants
prototypemega-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 "
}