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