larva objects: o-social-list

Available Variants

prototype
o-social-list README

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

o-social-list Twig The markup file. 
<ul class="o-social-list {{ modifier_class }} {{ o_social_list_classes }}"
	{% if o_social_list_labelledby_attr %}
		aria-labelledby="{{ o_social_list_labelledby_attr }}"
	{% endif %}
>
	{% for item in o_social_list_icons %}
		<li class="o-social-list__item {{ o_social_list_item_classes }}">
			{% if o_social_list_is_icon_button %}
				{% include "@larva/objects/o-icon-button/o-icon-button.twig" with item %}
			{% else %}
				{% include "@larva/components/c-icon/c-icon.twig" with item %}
			{% endif %}
		</li>
	{% endfor %}
</ul>
o-social-list JSON The data object for this pattern. 
{
	"o_social_list_classes": "lrv-a-unstyle-list",
	"o_social_list_labelledby_attr": "",
	"o_social_list_icons": [
		{
			"c_icon_link_classes": " lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover",
			"c_icon_name": "instagram",
			"c_icon_target_attr": "_blank",
			"c_icon_link_screen_reader_text": "Icon Link",
			"c_icon_url": "#",
			"c_icon_classes": "lrv-u-display-block lrv-u-width-16 lrv-u-height-16",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Plus Icon",
			"c_icon_screen_reader_title_attr": "Plus Icon"
		},
		{
			"c_icon_link_classes": " lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover",
			"c_icon_name": "pinit",
			"c_icon_target_attr": "_blank",
			"c_icon_link_screen_reader_text": "Icon Link",
			"c_icon_url": "#",
			"c_icon_classes": "lrv-u-display-block lrv-u-width-16 lrv-u-height-16",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Plus Icon",
			"c_icon_screen_reader_title_attr": "Plus Icon"
		},
		{
			"c_icon_link_classes": " lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover",
			"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-display-block lrv-u-width-16 lrv-u-height-16",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Plus Icon",
			"c_icon_screen_reader_title_attr": "Plus Icon"
		},
		{
			"c_icon_link_classes": " lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover",
			"c_icon_name": "facebook",
			"c_icon_target_attr": "_blank",
			"c_icon_link_screen_reader_text": "Icon Link",
			"c_icon_url": "#",
			"c_icon_classes": "lrv-u-display-block lrv-u-width-16 lrv-u-height-16",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Plus Icon",
			"c_icon_screen_reader_title_attr": "Plus Icon"
		},
		{
			"c_icon_link_classes": " lrv-u-display-block lrv-u-border-radius-50p lrv-u-color-grey lrv-u-margin-lr-050 lrv-u-padding-a-050 lrv-u-background-color-white lrv-u-color-grey-dark:hover",
			"c_icon_name": "youtube",
			"c_icon_target_attr": "_blank",
			"c_icon_link_screen_reader_text": "Icon Link",
			"c_icon_url": "#",
			"c_icon_classes": "lrv-u-display-block lrv-u-width-16 lrv-u-height-16",
			"c_icon_rel_name": "noopener noreferrer",
			"c_icon_screen_reader_tag_text": "",
			"c_icon_screen_reader_text": "Plus Icon",
			"c_icon_screen_reader_title_attr": "Plus Icon"
		}
	]
}