project modules: more-stories-button

Available Variants

prototype
more-stories-button README

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

more-stories-button Twig The markup file.
<nav class="more-stories-button // lrv-u-flex lrv-u-justify-content-space-between {{ more_stories_button_classes }}">
	{% if c_button %}
		{% include "@larva/components/c-button/c-button.twig" with c_button %}
	{% endif %}

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

	{% if c_button_next %}
		{% include "@larva/components/c-button/c-button.twig" with c_button_next %}
	{% endif %}
</nav>
more-stories-button JSON The data object for this pattern.
{
	"more_stories_button_classes": "a-font-secondary-bold-m lrv-u-text-transform-uppercase",
	"c_button": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-a-unstyle-link lrv-u-background-color-brand-secondary u-background-color-brand-secondary-dark:hover lrv-u-color-black lrv-u-padding-tb-1 lrv-u-padding-lr-050 lrv-u-text-align-center  lrv-u-display-block lrv-u-width-100p",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Read More Stories",
		"c_button_type_attr": "submit",
		"c_button_url": "#"
	},
	"c_button_prev": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-a-unstyle-link lrv-u-background-color-brand-secondary u-background-color-brand-secondary-dark:hover lrv-u-color-black lrv-u-padding-tb-1 lrv-u-padding-lr-050 lrv-u-text-align-center  lrv-a-icon-arrow-left lrv-a-icon-before u-width-300 u-width-150@mobile-max lrv-u-justify-content-center",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Previous",
		"c_button_type_attr": "submit",
		"c_button_url": "#"
	},
	"c_button_next": {
		"c_button_classes": "lrv-a-unstyle-button lrv-u-cursor-pointer lrv-a-unstyle-link lrv-u-background-color-brand-secondary u-background-color-brand-secondary-dark:hover lrv-u-color-black lrv-u-padding-tb-1 lrv-u-padding-lr-050 lrv-u-text-align-center  lrv-a-icon-arrow-right lrv-a-icon-after u-width-300 u-width-150@mobile-max lrv-u-justify-content-center lrv-u-margin-l-auto",
		"c_button_ga_tracking": {},
		"c_button_inner_classes": "",
		"c_button_rel_attr": "",
		"c_button_screen_reader_text": "Sign Up",
		"c_button_target_attr": "",
		"c_button_text": "Next",
		"c_button_type_attr": "submit",
		"c_button_url": "#"
	}
}