Dependencies
This layout uses the following components as "atoms" to create the full UI.
Uses: Components: Objects:This layout uses the following components as "atoms" to create the full UI.
Uses: Components: Objects:A scroller component to allow horizontal scroll on a bunch of cards that link to News, Events and Offers.
<div class="c-scroller">
<ul class="c-scroller__list">
<li class="c-scroller__item">
<a class="c-card c-card--hero c-card--feature" href="#featured_1">
...
</a>
</li>
<li class="c-scroller__item">
<a class="c-card c-card--hero c-card--lg" href="lg_featured_1">
...
</a>
<a class="c-card c-card--hero c-card--lg" href="lg_featured_2">
...
</a>
</li>
<li class="c-scroller__item">
<a class="c-card c-card--hero c-card--lg" href="lg_featured_3">
...
</a>
<a class="c-card c-card--hero c-card--lg" href="lg_featured_4">
...
</a>
</li>
...
</ul>
</div>