larva modules: author
Available Variants
prototypeauthor
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
}
}
}