project objects: o-article-byline
Available Variants
prototypeo-article-byline README
This needs docs!
Create a README.md in the pattern's directory and add details about using this pattern in markdown.
o-article-byline Twig The markup file.
<ul class="o-article-byline // u-color-grey-45 lrv-u-align-items-center lrv-a-space-children-horizontal {{o_article_byline_classes}}">
{% if c_tagline %}
<li class="lrv-u-flex lrv-u-text-transform-initial a-byline-color">
By {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
</li>
{% endif %}
{% if c_link %}
<li class="lrv-a-icon-before lrv-a-icon-forward-slash">
{% include "@larva/components/c-link/c-link.twig" with c_link %}
</li>
{% endif %}
{% if c_timestamp %}
<li class="lrv-a-icon-before lrv-a-icon-forward-slash">
{% include "@larva/components/c-timestamp/c-timestamp.twig" with c_timestamp %}
</li>
{% endif %}
</ul>
o-article-byline JSON The data object for this pattern.
{
"o_article_byline_classes": "lrv-u-flex-wrap-wrap a-font-primary-medium-s lrv-a-unstyle-list lrv-u-flex lrv-a-space-children--050 lrv-u-line-height-copy u-color-grey-45",
"c_tagline": {
"c_tagline_classes": "lrv-u-margin-l-025",
"c_tagline_text": false,
"c_tagline_markup": "Scott Soshnick"
},
"c_link": {
"modifier_class": "",
"c_link_classes": "lrv-a-unstyle-link lrv-u-text-transform-uppercase lrv-u-color-black:hover",
"c_link_text": "Media",
"c_link_url": "#",
"c_link_rel_attr": false,
"c_link_aria_label_attr": false,
"c_link_target_attr": false
},
"c_timestamp": {
"c_timestamp_classes": "",
"c_timestamp_datetime_attr": "00:00-YY-DD-MM",
"c_timestamp_text": "7:51pm",
"c_timestamp_aria_label_attr": false
}
}