larva modules: author-details

Available Variants

prototype

optional screen reader

author-details README

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

author-details Twig The markup file.
<section class="author-details // a-author-details lrv-u-padding-a-050 u-width-300 lrv-u-background-color-white u-box-shadow-light lrv-u-font-family-primary">
	<div class="lrv-u-flex lrv-u-align-items-center lrv-u-margin-b-125">

		{% if c_lazy_image %}
			{% include "@larva/components/c-lazy-image/c-lazy-image.twig" with c_lazy_image %}
		{% endif %}

		<div>
			{% include "@larva/components/c-title/c-title.twig" with c_title %}

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

			{% if c_link_twitter_profile %}
				<div class="lrv-u-flex">
					{% include "@larva/components/c-icon/c-icon.twig" with c_icon_twitter %}
					{% include "@larva/components/c-link/c-link.twig" with c_link_twitter_profile %}
				</div>

				{% if c_link %}
					{% include "@larva/components/c-link/c-link.twig" with c_link %}
				{% endif %}
			{% endif %}
		</div>
	</div>

	{% if o_nav %}
		{% include "@larva/objects/o-nav/o-nav.twig" with o_nav %}

		{% if c_link_view_all %}
			<div class="lrv-u-flex lrv-u-margin-r-1">
				{% include "@larva/components/c-link/c-link.twig" with c_link_view_all %}
			</div>
		{% endif %}

	{% endif %}
</section>
author-details JSON The data object for this pattern.
{
	"author_details_classes": "lrv-u-flex lrv-u-flex-wrap-wrap lrv-u-margin-t-1 lrv-u-padding-lr-125 lrv-u-padding-t-125 lrv-u-padding-b-1 lrv-u-border-a-2 lrv-u-width-215 lrv-u-background-color-white lrv-a-glue-parent lrv-a-icon-after-arrow-top-left",
	"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-margin-r-auto lrv-u-width-100 lrv-u-font-size-13 lrv-u-font-weight-bold lrv-u-text-transform-uppercase",
		"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": "X Icon",
		"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": false,
		"c_icon_screen_reader_title_attr": "X 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": "Email Icon",
		"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": false,
		"c_icon_screen_reader_title_attr": "Email Icon"
	},
	"o_nav": {
		"modifier_class": "",
		"o_nav_classes": "lrv-u-margin-t-075 lrv-u-border-t-1 lrv-u-padding-t-025 lrv-u-width-100p ",
		"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-border-t-1 lrv-u-border-b-1 lrv-u-padding-t-075 lrv-u-padding-l-1 lrv-u-font-size-13 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-u-font-size-10 lrv-u-text-transform-uppercase lrv-a-unstyle-link",
		"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
	}
}