larva modules: profile-landing-river

Available Variants

prototype

Latest News

Lazy loaded image

‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lazy loaded image

‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

Lazy loaded image

‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

profile-landing-river README

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

profile-landing-river Twig The markup file.
<section id="{{ profile_landing_river_id_attr }}" class="profile-landing-river // {{ profile_landing_river_classes }}">
	{% if c_heading %}
		<div class="lrv-a-wrapper a-stacking-context">
			{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
		</div>
	{% endif %}

	<div class="lrv-a-wrapper a-children-border--grey-light a-children-border-vertical">
		{% for item in profile_landing_river_stories %}
			{% include "@larva/modules/story/story.twig" with item %}
		{% endfor %}
	</div>
</section>
profile-landing-river JSON The data object for this pattern.
{
	"c_heading": {
		"c_heading_classes": "lrv-u-font-family-secondary lrv-u-font-size-28 lrv-u-font-size-40@tablet lrv-u-font-size-46@desktop-xl lrv-u-padding-r-1",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "Latest News",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": true,
		"c_heading_outer_classes": "a-heading-border",
		"c_heading_is_primary_heading": false
	},
	"profile_landing_river_id_attr": "",
	"profile_landing_river_classes": " lrv-u-padding-t-2",
	"profile_landing_river_stories": [
		{
			"story_classes": "",
			"story_nav_classes": "lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ",
			"story_nav_layout_classes": "lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050",
			"story_grid_classes": "lrv-a-grid lrv-a-cols3",
			"story_grid_primary_classes": "lrv-u-margin-r-2@desktop-xl lrv-u-margin-r-00 lrv-u-margin-r-1@desktop",
			"story_grid_secondary_classes": "lrv-a-span2",
			"story_links_classes": "",
			"c_span": {
				"modifier_class": "",
				"c_span_classes": "lrv-u-whitespace-nowrap",
				"c_span_text": "News",
				"c_span_url": "#",
				"c_span_link_classes": ""
			},
			"c_link": false,
			"c_link_bottom": false,
			"c_link_bottom_wrapper_classes": "",
			"c_title": {
				"c_title_classes": "lrv-u-font-size-14 lrv-u-font-size-26@tablet lrv-u-font-size-32@desktop lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-font-weight-bold@desktop lrv-u-line-height-small lrv-u-margin-b-050",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": "#"
			},
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
				"c_dek_text": false
			},
			"c_lazy_image": {
				"c_lazy_image_classes": "",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-3x2",
				"c_lazy_image_crop_style_attr": false,
				"c_lazy_image_link_tab_index_attr": false,
				"c_lazy_image_alt_attr": "Lazy loaded image",
				"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
				"c_lazy_image_placeholder_url": "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
				"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
				"c_lazy_image_sizes_attr": "auto",
				"c_lazy_image_img_classes": "lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
				"c_lazy_image_height_attr": "",
				"c_lazy_image_width_attr": "",
				"c_lazy_image_in_initial_viewport": false,
				"c_lazy_image_decoding_attr": "async"
			},
			"c_tagline_author": {
				"c_tagline_classes": "lrv-u-margin-l-050",
				"c_tagline_text": false,
				"c_tagline_markup": "Staff Writer"
			},
			"c_timestamp": {
				"c_timestamp_classes": "",
				"c_timestamp_datetime_attr": "00:00-YY-DD-MM",
				"c_timestamp_text": "July 3, 2001",
				"c_timestamp_aria_label_attr": false
			}
		},
		{
			"story_classes": "",
			"story_nav_classes": "lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ",
			"story_nav_layout_classes": "lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050",
			"story_grid_classes": "lrv-a-grid lrv-a-cols3",
			"story_grid_primary_classes": "lrv-u-margin-r-2@desktop-xl lrv-u-margin-r-00 lrv-u-margin-r-1@desktop",
			"story_grid_secondary_classes": "lrv-a-span2",
			"story_links_classes": "",
			"c_span": {
				"modifier_class": "",
				"c_span_classes": "lrv-u-whitespace-nowrap",
				"c_span_text": "News",
				"c_span_url": "#",
				"c_span_link_classes": ""
			},
			"c_link": false,
			"c_link_bottom": false,
			"c_link_bottom_wrapper_classes": "",
			"c_title": {
				"c_title_classes": "lrv-u-font-size-14 lrv-u-font-size-26@tablet lrv-u-font-size-32@desktop lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-font-weight-bold@desktop lrv-u-line-height-small lrv-u-margin-b-050",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": "#"
			},
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
				"c_dek_text": false
			},
			"c_lazy_image": {
				"c_lazy_image_classes": "",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-3x2",
				"c_lazy_image_crop_style_attr": false,
				"c_lazy_image_link_tab_index_attr": false,
				"c_lazy_image_alt_attr": "Lazy loaded image",
				"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
				"c_lazy_image_placeholder_url": "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
				"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
				"c_lazy_image_sizes_attr": "auto",
				"c_lazy_image_img_classes": "lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
				"c_lazy_image_height_attr": "",
				"c_lazy_image_width_attr": "",
				"c_lazy_image_in_initial_viewport": false,
				"c_lazy_image_decoding_attr": "async"
			},
			"c_tagline_author": {
				"c_tagline_classes": "lrv-u-margin-l-050",
				"c_tagline_text": false,
				"c_tagline_markup": "Staff Writer"
			},
			"c_timestamp": {
				"c_timestamp_classes": "",
				"c_timestamp_datetime_attr": "00:00-YY-DD-MM",
				"c_timestamp_text": "July 3, 2001",
				"c_timestamp_aria_label_attr": false
			}
		},
		{
			"story_classes": "",
			"story_nav_classes": "lrv-u-font-size-12 lrv-u-font-family-primary lrv-u-text-transform-uppercase lrv-u-font-weight-bold lrv-u-color-black ",
			"story_nav_layout_classes": "lrv-u-flex lrv-u-align-items-center lrv-a-space-children-horizontal lrv-a-space-children--2 lrv-a-hidden@mobile-max lrv-u-margin-t-050",
			"story_grid_classes": "lrv-a-grid lrv-a-cols3",
			"story_grid_primary_classes": "lrv-u-margin-r-2@desktop-xl lrv-u-margin-r-00 lrv-u-margin-r-1@desktop",
			"story_grid_secondary_classes": "lrv-a-span2",
			"story_links_classes": "",
			"c_span": {
				"modifier_class": "",
				"c_span_classes": "lrv-u-whitespace-nowrap",
				"c_span_text": "News",
				"c_span_url": "#",
				"c_span_link_classes": ""
			},
			"c_link": false,
			"c_link_bottom": false,
			"c_link_bottom_wrapper_classes": "",
			"c_title": {
				"c_title_classes": "lrv-u-font-size-14 lrv-u-font-size-26@tablet lrv-u-font-size-32@desktop lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-font-weight-bold@desktop lrv-u-line-height-small lrv-u-margin-b-050",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "‘A Momentous Weekend’: LACMA’s High-Stakes Collectors Committee Event Raises $2.4 M.",
				"c_title_markup": "",
				"c_title_link_classes": "lrv-a-unstyle-link lrv-u-color-brand-primary:hover",
				"c_title_url": "#"
			},
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.",
				"c_dek_text": false
			},
			"c_lazy_image": {
				"c_lazy_image_classes": "",
				"c_lazy_image_link_url": false,
				"c_lazy_image_link_classes": "lrv-a-unstyle-link",
				"c_lazy_image_crop_class": "lrv-a-crop-3x2",
				"c_lazy_image_crop_style_attr": false,
				"c_lazy_image_link_tab_index_attr": false,
				"c_lazy_image_alt_attr": "Lazy loaded image",
				"c_lazy_image_src_url": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg",
				"c_lazy_image_placeholder_url": "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==",
				"c_lazy_image_srcset_attr": "https://farm5.staticflickr.com/4078/5441060528_31db7838ba_m.jpg 240w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_n.jpg 320w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba.jpg 500w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_z.jpg 640w,https://farm5.staticflickr.com/4078/5441060528_31db7838ba_b.jpg 1024w",
				"c_lazy_image_sizes_attr": "auto",
				"c_lazy_image_img_classes": "lrv-u-background-color-grey-lightest lrv-u-width-100p lrv-u-display-block lrv-u-height-auto",
				"c_lazy_image_height_attr": "",
				"c_lazy_image_width_attr": "",
				"c_lazy_image_in_initial_viewport": false,
				"c_lazy_image_decoding_attr": "async"
			},
			"c_tagline_author": {
				"c_tagline_classes": "lrv-u-margin-l-050",
				"c_tagline_text": false,
				"c_tagline_markup": "Staff Writer"
			},
			"c_timestamp": {
				"c_timestamp_classes": "",
				"c_timestamp_datetime_attr": "00:00-YY-DD-MM",
				"c_timestamp_text": "July 3, 2001",
				"c_timestamp_aria_label_attr": false
			}
		}
	]
}