larva modules: `footer-social`

Available Variants

prototype

footer-social README

This module is included in footer and does not have its own JSON configuration file. Refer to the footer readme for details on implementing the footer in a theme.

footer-social Twig The markup file.

<section class="footer-social // {{ footer_social_classes }}">
	{% if c_title %}
		{% include "@larva/components/c-title/c-title.twig" with c_title %}
	{% endif %}

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

	{% if o_social_list %}
		{% include "@larva/objects/o-social-list/o-social-list.twig" with o_social_list %}
	{% endif %}
</section>

footer-social JSON The data object for this pattern.

{
	"footer_social_classes": "lrv-u-text-align-center lrv-u-color-white lrv-u-background-color-black",
	"c_title": {
		"c_title_classes": "lrv-u-margin-b-025 lrv-u-font-family-primary lrv-u-text-align-center",
		"c_title_tag_text": "",
		"c_title_id_attr": "title-of-a-story",
		"c_title_text": "Connect with Us",
		"c_title_markup": "",
		"c_title_link_classes": "",
		"c_title_url": false
	},
	"c_tagline": {
		"c_tagline_classes": "lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic lrv-u-text-align-center",
		"c_tagline_text": "Get our latest stories in the feed of your favorite networks"
	},
	"o_social_list": {
		"o_social_list_classes": "lrv-a-unstyle-list lrv-u-flex lrv-u-align-items-center lrv-u-justify-content-center",
		"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"
			}
		]
	}
}