larva modules: author-details

Available Variants

prototype

PATRICIA MESCHINO

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 // {{ author_details_classes }} ">

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

	<div class="author-details-icons // {{ author_details_icons_classes }} ">
		{% if c_icon_twitter %}
			{% include "@larva/components/c-icon/c-icon.twig" with c_icon_twitter %} 
		{% endif %}
		{% if c_icon_mail %}
			{% include "@larva/components/c-icon/c-icon.twig" with c_icon_mail %} 
		{% endif %}
	</div>

	{% if o_nav %}

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

		{% if c_link_view_all %}
			<div class="author-details-view-link // {{ author_details_view_link_classes }} ">
				{% 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-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
	}
}