project modules: most-popular-roadblock

Available Variants

prototype

Trending

Article Kicker

Teams, Leagues Stare Down Ticketing Storm

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!

Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text.

By Author Name
Article Kicker

Teams, Leagues Stare Down Ticketing Storm

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!

Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text.

By Author Name
Article Kicker

Teams, Leagues Stare Down Ticketing Storm

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!

Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text.

By Author Name
Article Kicker

Teams, Leagues Stare Down Ticketing Storm

Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!

Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text.

By Author Name
most-popular-roadblock README

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

most-popular-roadblock Twig The markup file. 
<section class="most-popular-roadblock {{most_popular_roadbloack_outer_classes}}">
	<div class="lrv-u-margin-b-075">
		{% if c_heading %}
			{% include "@larva/components/c-heading/c-heading.twig" with c_heading %}
		{% endif %}
	</div>
	<div class="stories_outer  {{stories_outer_classes}}">
		{% for item in stories %}
			<div>
				{% include "@larva/objects/o-card/o-card.twig" with item %}
			</div>
		{% endfor %}
	</div>
</section>
most-popular-roadblock JSON The data object for this pattern. 
{
	"stories_outer_classes": "lrv-u-flex lrv-u-flex-direction-column a-counter-increment a-counter-config--pull-left u-padding-l-2813@mobile-max",
	"most_popular_roadbloack_outer_classes": "a-double-border-t-1@desktop a-double-border__tb",
	"c_heading": {
		"c_heading_classes": "a-font-secondary-bold-l lrv-u-text-transform-uppercase lrv-u-text-align-center lrv-u-padding-t-2@desktop-xl",
		"c_heading_id_attr": "section-heading",
		"c_heading_text": "Trending",
		"c_heading_url": "",
		"c_heading_link_classes": "",
		"c_heading_outer": false,
		"c_heading_outer_classes": "",
		"c_heading_is_primary_heading": false
	},
	"stories": [
		{
			"o_card_classes": "a-counter-increment a-counter-config--pull-left",
			"o_card_tag_text": "",
			"o_card_link_url": "",
			"o_card_link_classes": "",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-justify-content-center u-height-128@desktop-xl",
			"c_lazy_image": false,
			"c_svg": false,
			"c_span": false,
			"c_tagline": {
				"c_tagline_classes": "a-font-primary-medium-s lrv-u-text-transform-initial a-byline-color lrv-u-font-size-14@mobile-max lrv-u-margin-t-075 u-padding-b-1688@desktop-xl-max lrv-u-padding-b-00 u-padding-b-125@mobile-max",
				"c_tagline_text": "Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text."
			},
			"c_title": {
				"c_title_classes": " a-font-primary-bold-xs u-line-height-130 lrv-u-font-size-16 u-font-size-4vw@mobile-max",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Teams, Leagues Stare Down Ticketing Storm",
				"c_title_markup": "",
				"c_title_link_classes": "u-color-black",
				"c_title_url": "#"
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link",
				"article_kicker_image_markup": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			}
		},
		{
			"o_card_classes": "a-counter-increment a-counter-config--pull-left u-padding-t-1688@desktop-xl-max lrv-u-padding-t-00 u-padding-t-125@mobile-max lrv-u-border-t-1 lrv-u-border-color-grey-light",
			"o_card_tag_text": "",
			"o_card_link_url": "",
			"o_card_link_classes": "",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-justify-content-center u-height-128@desktop-xl",
			"c_lazy_image": false,
			"c_svg": false,
			"c_span": false,
			"c_tagline": {
				"c_tagline_classes": "a-font-primary-medium-s lrv-u-text-transform-initial a-byline-color lrv-u-font-size-14@mobile-max lrv-u-margin-t-075 u-padding-b-1688@desktop-xl-max lrv-u-padding-b-00 u-padding-b-125@mobile-max",
				"c_tagline_text": "Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text."
			},
			"c_title": {
				"c_title_classes": " a-font-primary-bold-xs u-line-height-130 lrv-u-font-size-16 u-font-size-4vw@mobile-max",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Teams, Leagues Stare Down Ticketing Storm",
				"c_title_markup": "",
				"c_title_link_classes": "u-color-black",
				"c_title_url": "#"
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link",
				"article_kicker_image_markup": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			}
		},
		{
			"o_card_classes": "a-counter-increment a-counter-config--pull-left u-padding-t-1688@desktop-xl-max lrv-u-padding-t-00 u-padding-t-125@mobile-max lrv-u-border-t-1 lrv-u-border-color-grey-light",
			"o_card_tag_text": "",
			"o_card_link_url": "",
			"o_card_link_classes": "",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-justify-content-center u-height-128@desktop-xl",
			"c_lazy_image": false,
			"c_svg": false,
			"c_span": false,
			"c_tagline": {
				"c_tagline_classes": "a-font-primary-medium-s lrv-u-text-transform-initial a-byline-color lrv-u-font-size-14@mobile-max lrv-u-margin-t-075 u-padding-b-1688@desktop-xl-max lrv-u-padding-b-00 u-padding-b-125@mobile-max",
				"c_tagline_text": "Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text."
			},
			"c_title": {
				"c_title_classes": " a-font-primary-bold-xs u-line-height-130 lrv-u-font-size-16 u-font-size-4vw@mobile-max",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Teams, Leagues Stare Down Ticketing Storm",
				"c_title_markup": "",
				"c_title_link_classes": "u-color-black",
				"c_title_url": "#"
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link",
				"article_kicker_image_markup": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			}
		},
		{
			"o_card_classes": "a-counter-increment a-counter-config--pull-left u-padding-t-1688@desktop-xl-max lrv-u-padding-t-00 u-padding-t-125@mobile-max lrv-u-border-t-1 lrv-u-border-color-grey-light",
			"o_card_tag_text": "",
			"o_card_link_url": "",
			"o_card_link_classes": "",
			"o_card_image_wrap_classes": "",
			"o_card_content_classes": "lrv-u-flex lrv-u-flex-direction-column lrv-u-justify-content-center u-height-128@desktop-xl",
			"c_lazy_image": false,
			"c_svg": false,
			"c_span": false,
			"c_tagline": {
				"c_tagline_classes": "a-font-primary-medium-s lrv-u-text-transform-initial a-byline-color lrv-u-font-size-14@mobile-max lrv-u-margin-t-075",
				"c_tagline_text": "Here is a pretty small amount of text for the tagline. It is a very flexible components, and is really just a single line of text."
			},
			"c_title": {
				"c_title_classes": " a-font-primary-bold-xs u-line-height-130 lrv-u-font-size-16 u-font-size-4vw@mobile-max",
				"c_title_tag_text": "",
				"c_title_id_attr": "title-of-a-story",
				"c_title_text": "Teams, Leagues Stare Down Ticketing Storm",
				"c_title_markup": "",
				"c_title_link_classes": "u-color-black",
				"c_title_url": "#"
			},
			"c_timestamp": false,
			"o_author": {
				"o_author_classes": "lrv-u-text-transform-uppercase",
				"o_author_text": "By ",
				"c_span": {
					"modifier_class": "",
					"c_span_classes": "",
					"c_span_text": "Author Name",
					"c_span_url": "",
					"c_span_link_classes": "lrv-a-unstyle-link"
				},
				"c_timestamp": false,
				"c_tagline_author": false
			},
			"article_kicker": {
				"article_kicker_classes": "lrv-u-padding-b-050 lrv-u-border-b-1 lrv-u-text-transform-uppercase",
				"article_kicker_text": "Article Kicker",
				"article_kicker_url": "#",
				"article_kicker_link_classes": "lrv-a-unstyle-link",
				"article_kicker_image_markup": ""
			},
			"article_kicker_outer_classes": "lrv-u-padding-tb-1@desktop-xl",
			"c_dek": {
				"c_dek_classes": "",
				"c_dek_markup": "",
				"c_dek_text": "Perfection is rarely achieved in movies, but this heaven-sent concert doc hits the sweet spot. Over two days in January 1972, the Queen of Soul, Aretha Franklin — she was 29 at the time — sweeps into the New Temple Missionary Baptist Church in Watts in front of a congregation and testifies to God in song. The blessed thing took nearly half a century to come out because director Sydney Pollack failed to sync the image with the sound. Then digital angels stepped in, and glory, glory, hallelujah!"
			}
		}
	]
}