larva modules: breaking-news

Available Variants

prototype
breaking-news README

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

breaking-news Twig The markup file.
<section class="breaking-news // pmc-breaking-news {{ breaking_news_classes }} ">

	<div class="{{breaking_news_inner_classes}}">

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

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

		{% if c_icon %}
			{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
		{% endif %}
	</div>

</section>
breaking-news JSON The data object for this pattern.
{
	"breaking_news_classes": "lrv-u-background-color-brand-primary lrv-u-color-white",
	"breaking_news_inner_classes": "lrv-a-wrapper lrv-u-flex lrv-u-flex-direction-column@mobile-max lrv-u-align-items-center lrv-u-padding-tb-1",
	"c_heading": {
		"c_heading_classes": "lrv-a-font-secondary-bold-l lrv-u-margin-r-1 lrv-u-text-transform-uppercase lrv-u-margin-b-050@mobile-max",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "Breaking News",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": false,
		"c_heading_outer_classes": "",
		"c_heading_is_primary_heading": false
	},
	"c_title": {
		"c_title_classes": "lrv-u-font-size-18 lrv-u-line-height-copy lrv-u-font-weight-normal lrv-u-font-family-basic",
		"c_title_tag_text": "",
		"c_title_id_attr": "title-of-a-story",
		"c_title_text": "US Stadiums Partnership, Inc. Files for Bankruptcy Amid Historic Cancellations",
		"c_title_markup": "",
		"c_title_link_classes": "lrv-a-unstyle-link ",
		"c_title_url": "#"
	},
	"c_icon": {
		"c_icon_link_classes": "dismiss-news-banner lrv-u-color-white lrv-u-cursor-pointer lrv-u-width-16 lrv-u-height-16 lrv-u-color-white:hover lrv-u-margin-l-auto",
		"c_icon_name": "close",
		"c_icon_target_attr": false,
		"c_icon_link_screen_reader_text": false,
		"c_icon_url": "#",
		"c_icon_classes": "lrv-u-display-block lrv-u-width-16 lrv-u-height-16",
		"c_icon_rel_name": "noopener noreferrer",
		"c_icon_screen_reader_tag_text": "",
		"c_icon_screen_reader_text": "close",
		"c_icon_screen_reader_title_attr": "close"
	}
}