project objects: o-article-byline

Available Variants

prototype
o-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
	}
}