larva objects: o-sub-header

Available Variants

prototype

Market

optional screen reader

o-sub-header README

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

o-sub-header Twig The markup file. 
<header class="o-sub-header // {{ o_sub_header_classes }}">
	{% if c_heading %}
		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
	{% endif %}

	{% if o_nav %}
		{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}
	{% endif %}
</header>
o-sub-header JSON The data object for this pattern. 
{
	"o_sub_header_classes": "lrv-u-flex u-align-items-flex-end@tablet lrv-u-flex-direction-column@mobile-max",
	"c_heading": {
		"c_heading_classes": "lrv-u-font-family-secondary lrv-u-font-size-56@desktop-xl lrv-u-font-size-50 lrv-u-margin-b-050@mobile-max lrv-u-line-height-small lrv-u-text-align-center@mobile-max lrv-u-margin-r-2@desktop",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "Market",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": false,
		"c_heading_outer_classes": "",
		"c_heading_is_primary_heading": true
	},
	"o_nav": {
		"modifier_class": "",
		"o_nav_classes": "lrv-u-flex@desktop lrv-u-align-items-center lrv-u-text-align-center lrv-js-MobileHeightToggle",
		"o_nav_title_text": "View Categories",
		"o_nav_title_id_attr": "",
		"o_nav_title_classes": "lrv-a-hidden@desktop lrv-js-MobileHeightToggle-trigger lrv-a-icon-after lrv-a-icon-arrow-down lrv-u-font-size-16 lrv-u-font-family-primary lrv-u-font-weight-normal lrv-u-padding-tb-050 lrv-u-width-100p@mobile-max  lrv-u-border-a-1@mobile-max lrv-u-justify-content-center lrv-u-margin-b-050@mobile-max lrv-u-border-color-grey-light",
		"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-flex lrv-u-flex-direction-column@mobile-max  lrv-u-line-height-large lrv-u-flex-wrap-wrap lrv-a-space-children--1 lrv-a-space-children-horizontal@tablet",
		"o_nav_list_item_classes": " lrv-u-border-a-1@mobile-max lrv-u-justify-content-center lrv-u-margin-b-050@mobile-max lrv-u-border-color-grey-light",
		"o_nav_list_items": [
			{
				"modifier_class": "",
				"c_link_classes": "lrv-a-unstyle-link c_link_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover",
				"c_link_text": "View All",
				"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_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover",
				"c_link_text": "Tag Title",
				"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_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover",
				"c_link_text": "Tag Title",
				"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_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover",
				"c_link_text": "Tag Title",
				"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_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover",
				"c_link_text": "Tag Title",
				"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_classes lrv-u-font-family-primary lrv-u-color-grey-dark:hover",
				"c_link_text": "Tag Title",
				"c_link_url": "#",
				"c_link_rel_attr": false,
				"c_link_aria_label_attr": false,
				"c_link_target_attr": false
			}
		],
		"o_nav_list_labelledby_attr": ""
	}
}