project modules: `fact-list`

Available Variants

prototype

Fact List

Term Content. Rich text is supported.

Music,

Software Development,

Data Science,

Sustainable Agriculture,

Art,

Digital Marketing Strategies

fact-list README

Renders a list of fact-list-item modules. Module used to add schema data associated with a taxonomy term. Usage is associated with pmc/term-content plugin.

fact-list Twig The markup file.

{% if fact_list_items %}
<div class="fact-list // {{ fact_list_classes }}">
	{% if c_title %}
		<div class="fact-list-title // {{ fact_list_title_classes }}">
			{% include "@larva/components/c-title/c-title.twig" with c_title %}
		</div>
	{% endif %}
	<dl class="fact-list-items // {{ fact_list_dl_classes }}" {{ fact_list_data_attributes }}>
		{% for item in fact_list_items %}
			{% include "@project/modules/fact-list-item/fact-list-item.twig" with item %}
		{% endfor %}
	</dl>
</div>
{% endif %}

fact-list JSON The data object for this pattern.

{
	"c_title": {
		"c_title_classes": "",
		"c_title_tag_text": "",
		"c_title_id_attr": "fact-list",
		"c_title_text": "Fact List",
		"c_title_markup": "",
		"c_title_link_classes": "",
		"c_title_url": ""
	},
	"fact_list_classes": "lrv-u-font-family-secondary lrv-u-margin-t-1 lrv-a-term-content-grid__tertiary",
	"fact_list_data_attributes": "itemscope itemprop=Thing itemtype=http://schema.org/Thing",
	"fact_list_dl_classes": "lrv-u-border-t-1 lrv-u-padding-t-1 lrv-u-margin-t-00 lrv-a-term-content-grid__fact-list",
	"fact_list_items": [
		{
			"fact_list_item_classes": "pmc-a-cols2@tablet lrv-u-border-b-1 lrv-u-border-color-grey-light lrv-u-margin-b-1 lrv-u-padding-b-1 lrv-a-term-content-grid__fact-list-item",
			"fact_list_item_dd_classes": "lrv-u-margin-l-00 lrv-a-term-content-grid__fact-list-dd",
			"fact_list_item_dd_data_attributes": "itemprop=Thing itemtype=http://schema.org/Thing",
			"fact_list_item_dd_content": {
				"c_dek_classes": "lrv-u-font-family-basic lrv-u-margin-tb-00 lrv-u-display-block",
				"c_dek_markup": "Term Content. Rich text is supported.",
				"c_dek_text": ""
			},
			"fact_list_item_tag_list": {
				"tag_list_classes": "lrv-a-unstyle-list lrv-u-display-inline-flex lrv-u-flex-wrap-wrap lrv-u-flex-direction-row",
				"tag_list_term_item_classes": "lrv-u-margin-r-025",
				"tag_list_term_classes": "",
				"tag_list_terms": [
					{
						"c_span": {
							"modifier_class": "",
							"c_span_classes": "",
							"c_span_text": "Music,",
							"c_span_url": "#test-link-1",
							"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
						}
					},
					{
						"c_span": {
							"modifier_class": "",
							"c_span_classes": "",
							"c_span_text": "Software Development,",
							"c_span_url": "#test-link-2",
							"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
						}
					},
					{
						"c_span": {
							"modifier_class": "",
							"c_span_classes": "",
							"c_span_text": "Data Science,",
							"c_span_url": "#test-link-3",
							"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
						}
					},
					{
						"c_span": {
							"modifier_class": "",
							"c_span_classes": "",
							"c_span_text": "Sustainable Agriculture,",
							"c_span_url": "#test-link-4",
							"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
						}
					},
					{
						"c_span": {
							"modifier_class": "",
							"c_span_classes": "",
							"c_span_text": "Art,",
							"c_span_url": "#test-link-5",
							"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
						}
					},
					{
						"c_span": {
							"modifier_class": "",
							"c_span_classes": "",
							"c_span_text": "Digital Marketing Strategies",
							"c_span_url": "#test-link-6",
							"c_span_link_classes": "lrv-u-font-weight-bold lrv-u-color-black lrv-u-color-brand-primary:hover lrv-a-hover-effect"
						}
					}
				]
			},
			"fact_list_item_dd_terms_classes": "",
			"fact_list_item_dt_classes": "lrv-u-font-weight-bold lrv-a-term-content-grid__fact-list-dt",
			"fact_list_item_dl_classes": "lrv-u-margin-a-00",
			"fact_list_item_dt_text": "Term Title"
		}
	],
	"fact_list_title_classes": "lrv-u-margin-b-050 lrv-u-font-size-20"
}