larva modules: author

Available Variants

prototype
author README

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

author Twig The markup file.
<div class="author // {{ author_classes }}">
	{% if is_multiple_author %}
		<div class="author-multiple-inner // {{ author_multiple_inner_classes }} ">
			<div class="author-tagline // {{ author_tagline_classes }} ">
				By {% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline_multiple_authors %}
			</div>
			{% if c_timestamp %}
				{% include "@larva/components/c-timestamp/c-timestamp.twig" with c_timestamp %}
			{% endif %} 
		</div>
	{% else %}
		<div class="author-single-inner // {{ author_single_inner_classes }} ">
			<div class="author-content // {{ author_content_classes }} ">
				<div class="author-content-inner // {{ author_content_inner_classes }} ">
					<button class="author-button // {{ author_button_classes }} ">
						<p class="author-name // {{ author_name_classes }} ">
							By {% include "@larva/components/c-link/c-link.twig" with c_link %}
						</p>

						{% if c_icon %}
							{% include "@larva/components/c-icon/c-icon.twig" with c_icon %}
						{% endif %}

						<div class="author-detail-outer // {{ author_detail_outer_classes }} ">
							{% include "@larva/modules/author-details/author-details.twig" with author_details %}
						</div>
					</button>
				</div>

				{% if c_timestamp %}
					<div class="author-timestamp-outer // {{ author_timestamp_outer_classes }}">
						{% include "@larva/components/c-timestamp/c-timestamp.twig" with c_timestamp %}
					</div>
				{% endif %}
			</div>
		</div>
	{% endif %}
</div>
author JSON The data object for this pattern.
{
	"author_classes": "lrv-u-font-size-16 lrv-u-font-family-body lrv-u-font-size-13@mobile-max",
	"author_multiple_inner_classes": "lrv-u-flex@desktop",
	"author_single_inner_classes": " lrv-u-flex lrv-u-align-items-center",
	"author_name_classes": "lrv-u-margin-tb-00 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max",
	"author_content_classes": "lrv-u-flex@tablet lrv-u-width-100p lrv-u-justify-content-space-between",
	"author_content_inner_classes": "lrv-u-flex lrv-u-align-items-center lrv-a-glue-parent",
	"author_timestamp_outer_classes": "lrv-u-margin-l-1@tablet",
	"author_tagline_classes": "lrv-u-margin-tb-00 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max",
	"author_button_classes": "lrv-a-unstyle-button lrv-u-display-contents lrv-u-flex lrv-u-align-items-center js-PopOver",
	"author_detail_outer_classes": "lrv-a-hidden@desktop-max lrv-a-glue lrv-a-glue--l-0 lrv-a-glue--t-100p js-PopOver-target",
	"is_multiple_author": false,
	"c_tagline_multiple_authors": {
		"c_tagline_classes": "lrv-u-display-inline lrv-a-children-link-color-black lrv-a-children-link-color-brand-primary:hover lrv-a-children-link-decoration-underline:hover lrv-u-margin-r-050 lrv-u-text-transform-uppercase lrv-u-letter-spacing-015 lrv-u-letter-spacing-012@mobile-max",
		"c_tagline_text": false,
		"c_tagline_markup": "Link 1, Link 2"
	},
	"c_timestamp": {
		"c_timestamp_classes": "lrv-u-color-black lrv-u-margin-l-auto",
		"c_timestamp_datetime_attr": "2019-09-03",
		"c_timestamp_text": "September 3, 2019 7:51pm",
		"c_timestamp_aria_label_attr": false
	},
	"c_link": {
		"modifier_class": "",
		"c_link_classes": "lrv-u-color-black lrv-u-color-brand-primary:hover lrv-u-text-decoration-underline:hover",
		"c_link_text": "David Robb",
		"c_link_url": "#",
		"c_link_rel_attr": false,
		"c_link_aria_label_attr": false,
		"c_link_target_attr": false
	},
	"c_icon": false,
	"author_details": {
		"author_details_classes": "lrv-u-padding-lr-125 lrv-u-padding-t-125 lrv-u-padding-b-1 lrv-u-width-215 lrv-u-flex lrv-u-flex-wrap-wrap lrv-u-background-color-white lrv-u-border-a-2 lrv-a-glue-parent lrv-a-icon-after-arrow-top-left lrv-u-margin-t-1",
		"author_details_icons_classes": "lrv-u-flex lrv-u-align-items-center lrv-u-margin-l-auto",
		"author_details_view_link_classes": " lrv-u-flex lrv-u-margin-l-auto",
		"c_title": {
			"c_title_classes": "lrv-u-font-size-13 lrv-u-font-weight-bold lrv-u-margin-r-auto lrv-u-text-transform-uppercase lrv-u-width-100",
			"c_title_tag_text": "",
			"c_title_id_attr": "title-of-a-story",
			"c_title_text": "PATRICIA MESCHINO",
			"c_title_markup": "",
			"c_title_link_classes": "lrv-u-color-black",
			"c_title_url": "#"
		},
		"c_icon_twitter": {
			"c_icon_link_classes": "lrv-u-flex",
			"c_icon_name": "twitter",
			"c_icon_target_attr": "_blank",
			"c_icon_link_screen_reader_text": "Icon Link",
			"c_icon_url": "#",
			"c_icon_classes": "lrv-u-width-16 lrv-u-height-16 lrv-u-color-black",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Twitter Icon",
			"c_icon_screen_reader_title_attr": "Twitter Icon"
		},
		"c_icon_mail": {
			"c_icon_link_classes": "lrv-u-flex",
			"c_icon_name": "envelope",
			"c_icon_target_attr": "_blank",
			"c_icon_link_screen_reader_text": "Icon Link",
			"c_icon_url": "#",
			"c_icon_classes": "lrv-u-margin-l-075 lrv-u-width-16 lrv-u-height-16 lrv-u-color-black",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Email Icon",
			"c_icon_screen_reader_title_attr": "Email Icon"
		},
		"o_nav": {
			"modifier_class": "",
			"o_nav_classes": "lrv-u-border-t-1 lrv-u-width-100p lrv-u-margin-t-075 lrv-u-padding-t-025 ",
			"o_nav_title_text": "",
			"o_nav_title_id_attr": "",
			"o_nav_title_classes": "lrv-u-padding-t-050 lrv-u-padding-b-025 lrv-u-font-family-primary lrv-u-font-size-20",
			"o_nav_aria_labelledby_attr": "",
			"o_nav_screen_reader_id_attr": "optional-screen-reader",
			"o_nav_screen_reader_text": "optional screen reader",
			"o_nav_list_classes": " lrv-u-font-size-13 lrv-u-border-t-1 lrv-u-border-b-1 lrv-u-padding-l-1 lrv-u-padding-t-075  lrv-u-list-style-type-disclosure-closed",
			"o_nav_list_item_classes": "lrv-u-padding-b-075",
			"o_nav_list_items": [
				{
					"modifier_class": "",
					"c_link_classes": "lrv-u-color-black",
					"c_link_text": "No Doubt’s Tony Kanal on Robbie Shakespeare: ‘You Can’t Overstate How Great He Was’",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				},
				{
					"modifier_class": "",
					"c_link_classes": "lrv-u-color-black",
					"c_link_text": "From ‘Downpressor Man’ to ‘Jokerman’: 10 Essential Robbie Shakespeare Tracks",
					"c_link_url": "#",
					"c_link_rel_attr": false,
					"c_link_aria_label_attr": false,
					"c_link_target_attr": false
				}
			],
			"o_nav_list_labelledby_attr": ""
		},
		"c_link_view_all": {
			"modifier_class": "",
			"c_link_classes": "lrv-a-unstyle-link lrv-u-font-size-10 lrv-u-text-transform-uppercase",
			"c_link_text": "View All Stories ▶",
			"c_link_url": "#",
			"c_link_rel_attr": false,
			"c_link_aria_label_attr": false,
			"c_link_target_attr": false
		}
	}
}