Children and Screens Component Library

News Meta 

<!-- News Meta -->
<div class="news_meta">
    <div class="fs-row fs-lg-justify-center">
        <div class="fs-cell fs-lg-10">
            <div class="news_meta_inner">
                <div class="news_meta_item">
                    <div class="meta_bar_basic">
                        <div class="meta_bar_basic_inner">
                            <div class="meta_bar_basic_items">

                                <div class="meta_bar_basic_item theme_yellow ">
                                    <div class="meta_bar_basic_hint">Date</div>
                                    <div class="meta_bar_basic_labels">
                                        <div class="meta_bar_basic_label">
                                            <time class="meta_bar_basic_label" datatime="05-05-2023">
                                                May 2023
                                            </time>
                                        </div>
                                    </div>
                                </div>

                                <div class="meta_bar_basic_item theme_salmon ">
                                    <div class="meta_bar_basic_hint">Topics</div>
                                    <div class="meta_bar_basic_labels">
                                        <div class="meta_bar_basic_label">
                                            <a href="#" class="meta_bar_basic_link">
                                                Media Literacy
                                            </a>

                                        </div>
                                        <div class="meta_bar_basic_label">
                                            <a href="#" class="meta_bar_basic_link">
                                                Parenting
                                            </a>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: News Meta -->
 
{#
	{% include '@partial-news-meta' with {
		item: {
			categories: [
				{
					label: 'Category',
					url: '#'
				}
			],
			date: '2019-01-01 17:00:00',
			author: 'Author'
		}
	} %}
#}
<!-- News Meta -->
<div class="news_meta">
	<div class="fs-row fs-lg-justify-center">
		<div class="fs-cell fs-lg-10">
			<div class="news_meta_inner">
				<div class="news_meta_item">
					{% include "@partial-meta-bar-basic" with {
						meta:meta,
						color_pattern:color_patterns.primary
					} %}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: News Meta -->

No notes defined.