larva modules: `featured-stories`

Available Variants

prototype

‘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.

News

By
Staff Writer
July 3, 2001

‘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.

Article Kicker

By
Staff Writer
July 3, 2001

‘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.

Article Kicker

By
Staff Writer
July 3, 2001

‘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.

Article Kicker

By
Staff Writer
July 3, 2001

featured-stories README

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

featured-stories Twig The markup file.

<div class="featured-stories // {{ featured_stories_classes }}">

	{% if featured_story %}
		<div class="featured-stories__primary // {{ featured_stories_primary_classes }}" >
			{% include "@larva/modules/story/story.twig" with featured_story %}
		</div>
	{% endif %}

	{% if c_heading %}
		{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
	{% endif %}

	<div class="featured-stories__secondary {{ featured_stories_secondary_classes }}">
		{% for item in story_items %}
			{% include "@larva/modules/story/story.twig" with item %}
		{% endfor %}
	</div>
</div>

featured-stories JSON The data object for this pattern.

{
	"featured_stories_classes": "",
	"featured_story": {
		"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": "",
		"story_grid_primary_classes": "lrv-u-margin-r-00",
		"story_grid_secondary_classes": "lrv-a-span2 lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl",
		"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
		}
	},
	"featured_stories_secondary_classes": "lrv-a-grid lrv-a-cols3@desktop",
	"story_items": [
		{
			"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": "",
			"story_grid_primary_classes": "lrv-u-margin-r-00",
			"story_grid_secondary_classes": "lrv-a-span2 lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl",
			"story_links_classes": "",
			"c_span": false,
			"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
			},
			"article_kicker": {
				"article_kicker_classes": "",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": ""
			}
		},
		{
			"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": "",
			"story_grid_primary_classes": "lrv-u-margin-r-00",
			"story_grid_secondary_classes": "lrv-a-span2 lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl",
			"story_links_classes": "",
			"c_span": false,
			"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
			},
			"article_kicker": {
				"article_kicker_classes": "",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": ""
			}
		},
		{
			"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": "",
			"story_grid_primary_classes": "lrv-u-margin-r-00",
			"story_grid_secondary_classes": "lrv-a-span2 lrv-u-padding-lr-1 lrv-u-padding-lr-2@desktop-xl lrv-u-padding-tb-075 lrv-u-padding-tb-150@desktop-xl",
			"story_links_classes": "",
			"c_span": false,
			"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
			},
			"article_kicker": {
				"article_kicker_classes": "",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": ""
			}
		}
	]
}