larva modules: `sub-header`

Available Variants

prototype

Market

sub-header README

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

sub-header Twig The markup file.

{% if o_sub_header %}
	<div class="sub-header // {{ sub_header_classes }} lrv-u-padding-t-1 lrv-u-padding-t-2@desktop-xl lrv-u-padding-b-1@mobile-max">
		<div class="{{ sub_header_inner_classes }}">
			{% include "@larva/objects/o-sub-header/o-sub-header.twig" with o_sub_header %}
		</div>
	</div>
{% endif %}

sub-header JSON The data object for this pattern.

{
	"sub_header_classes": "",
	"o_sub_header": {
		"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": ""
		}
	}
}