larva modules: story-featured-quote
Available Variants
prototypestory-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"
}
}