larva modules: story-featured-quote

Available Variants

prototype
story-featured-quote README

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

story-featured-quote Twig The markup file.
<div class="story lrv-u-padding-tb-1 lrv-u-padding-tb-2@desktop // {{ story_featured_quote_classes }}">
	<div class="{{ story_featured_quote_primary_classes }} // lrv-u-flex lrv-u-flex-direction-column lrv-u-height-100p lrv-u-justify-content-center">
		{% if c_dek_url %}
		<a href="{{ c_dek_url }}" class="c-dek__link ">
			{% endif %}
			{% if story_quote_markup %}
				<p class="story-quote-markup {{ story_quote_markup_classes }}">
					{{ story_quote_markup|raw }}
				</p>
			{% endif %}
			{% if c_dek_url %}
		</a>
		{% endif %}

		<ul class="lrv-a-unstyle-list // {{ story_nav_classes }} {{ story_nav_layout_classes }}">
			{% if c_title %}
				{% include "@larva/components/c-title/c-title.twig" with c_title %}
			{% endif %}

			{% if c_tagline_author %}
				<li class="lrv-u-flex // {{ c_tagline_author_wrapper_classes }}">
					By {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_author %}
				</li>
			{% endif %}
		</ul>
	</div>
</div>
story-featured-quote JSON The data object for this pattern.
{
	"story_featured_quote_classes": "lrv-u-text-align-center",
	"story_quote_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.",
	"story_quote_markup_classes": "lrv-a-font-primary-l",
	"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 lrv-u-justify-content-center",
	"c_title": {
		"c_title_classes": "lrv-u-font-size-14 lrv-u-font-family-primary lrv-u-display-block lrv-u-font-weight-normal lrv-u-line-height-small",
		"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_url": "#",
	"c_dek_url_classes": "lrv-u-color-black lrv-a-unstyle-link",
	"c_tagline_author": {
		"c_tagline_classes": "lrv-u-margin-l-050",
		"c_tagline_text": false,
		"c_tagline_markup": "Staff Writer"
	}
}