larva modules: footer-button-list

Available Variants

prototype
Get Digital Access Get Digital Access Get The Magazine Get The Magazine Get a Gift Get a Gift Customer Service Customer Service
footer-button-list README

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

footer-button-list Twig The markup file. 
<div class="footer-button-list {{ footer_button_list_classes }}">
	{% if footer_button_list_title_text %}
		<h4 class="footer-button-list__title {{ footer_button_list_title_classes }}">
			{{ footer_button_list_title_text }}
		</h4>
	{% endif %}

	<section class="footer-button-list__content lrv-u-flex lrv-u-flex-direction-column {{ footer_button_list_content_classes }}">
		{% for item in footer_button_list_buttons %}
			{% include "@larva/components/c-button/c-button.twig" with item %}
		{% endfor %}
	</section>
</div>
footer-button-list JSON The data object for this pattern. 
{
	"footer_button_list_content_classes": "o-footer-button-list__content a-font-body-s lrv-u-flex lrv-u-flex-direction-column a-double-underline a-double-underline-color-grey a-double-underline-bottom@mobile-max lrv-u-padding-b-2@mobile-max",
	"footer_button_list_title_classes": "lrv-a-font-accent-medium-l lrv-u-font-weight-bold lrv-u-display-none@mobile-max lrv-u-padding-b-050",
	"footer_button_list_classes": "lrv-u-text-transform-uppercase u-letter-spacing-0063",
	"footer_button_list_title_text": "",
	"footer_button_list_buttons": [
		{
			"c_button_classes": "lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black cx-dynamic-link",
			"c_button_ga_tracking": {},
			"c_button_inner_classes": "lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1",
			"c_button_rel_attr": "",
			"c_button_screen_reader_text": "Get Digital Access",
			"c_button_target_attr": "",
			"c_button_text": "Get Digital Access",
			"c_button_type_attr": "button",
			"c_button_url": "#get-digital-access"
		},
		{
			"c_button_classes": "lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-background-color-white lrv-u-color-black",
			"c_button_ga_tracking": {},
			"c_button_inner_classes": "lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1",
			"c_button_rel_attr": "",
			"c_button_screen_reader_text": "Get The Magazine",
			"c_button_target_attr": "",
			"c_button_text": "Get The Magazine",
			"c_button_type_attr": "button",
			"c_button_url": "#get-the-magazine"
		},
		{
			"c_button_classes": "lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover",
			"c_button_ga_tracking": {},
			"c_button_inner_classes": "lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1",
			"c_button_rel_attr": "",
			"c_button_screen_reader_text": "Get a Gift",
			"c_button_target_attr": "",
			"c_button_text": "Get a Gift",
			"c_button_type_attr": "button",
			"c_button_url": "#get-a-gift"
		},
		{
			"c_button_classes": "lrv-u-text-align-center lrv-u-margin-b-1 lrv-u-padding-a-025 lrv-u-background-color-brand-primary:hover lrv-u-color-white:hover lrv-u-font-weight-bold lrv-a-font-body-xxs lrv-u-color-white lrv-u-border-a-1 lrv-u-border-color-grey lrv-u-border-color-brand-primary-dark:hover",
			"c_button_ga_tracking": {},
			"c_button_inner_classes": "lrv-u-display-inline-block lrv-u-border-color-grey lrv-u-border-color-white:hover lrv-u-padding-tb-050 lrv-u-padding-lr-025 lrv-u-width-100p lrv-u-border-a-1",
			"c_button_rel_attr": "",
			"c_button_screen_reader_text": "Customer Service",
			"c_button_target_attr": "",
			"c_button_text": "Customer Service",
			"c_button_type_attr": "button",
			"c_button_url": "#customer-service"
		}
	]
}