larva modules: footer-tip

Available Variants

prototype

Have a Tip?

We want to hear from you! Send us a tip using our anonymous form.

Send Us a Tip Sign Up
footer-tip README

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

footer-tip Twig The markup file. 
<section class="footer-tip // {{ footer_tip_classes }}">
	{% include "@larva/components/c-title/c-title.twig" with c_title %}
	{% include "@larva/components/c-tagline/c-tagline.twig" with c_tagline %}
	{% include "@larva/components/c-button/c-button.twig" with c_button %}
</section>
footer-tip JSON The data object for this pattern. 
{
	"footer_tip_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",
		"c_title_tag_text": "",
		"c_title_id_attr": "title-of-a-story",
		"c_title_text": "Have a Tip?",
		"c_title_markup": "",
		"c_title_link_classes": "",
		"c_title_url": "#"
	},
	"c_tagline": {
		"c_tagline_classes": "lrv-u-font-size-14 u-font-style-italic lrv-u-font-family-basic",
		"c_tagline_text": "We want to hear from you! Send us a tip using our anonymous form."
	},
	"c_button": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-u-display-inline-flexlrv-u-color-white lrv-u-color-grey-light:hover lrv-u-background-color-black lrv-u-font-size-12 lrv-u-font-weight-bold lrv-u-text-transform-uppercase lrv-a-icon-after lrv-a-icon-arrow-right lrv-a-icon-invert",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "lrv-u-color-white lrv-u-color-grey-light:hover",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Send Us a Tip",
		"c_button_type_attr": "submit",
		"c_button_url": "https://google.com"
	}
}