showcar-ui
Version:
Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.
26 lines (22 loc) • 1.14 kB
HTML
<ul class="sc-link-list">
<li><a href="https://www.autoscout24.de/auto/audi/"><span>Audi</span></a></li>
<li><a href="https://www.autoscout24.de/auto/bmw/"><span>BMW</span></a></li>
<li><a href="https://www.autoscout24.de/auto/ford/"><span>Ford</span></a></li>
</ul>
<br><hr><br>
<h1>Example with<code>sc-grid-col-*</code></h1>
<br><br>
<div class="sc-grid-row">
<ul class="sc-link-list sc-grid-col-4 sc-grid-col-s-6">
<li><a href="https://www.autoscout24.de/auto/audi/"><span>Audi</span></a></li>
<li><a href="https://www.autoscout24.de/auto/bmw/"><span>BMW</span></a></li>
</ul>
<ul class="sc-link-list sc-grid-col-4 sc-grid-col-s-6">
<li><a href="https://www.autoscout24.de/auto/porsche/"><span>Porsche</span></a></li>
</ul>
<ul class="sc-link-list sc-grid-col-4 sc-grid-col-s-6 sc-hidden-s">
<li><a href="https://www.autoscout24.de/auto/renault/"><span>Renault</span></a></li>
<li><a href="https://www.autoscout24.de/auto/skoda/"><span>Skoda</span></a></li>
<li><a href="https://www.autoscout24.de/auto/tesla/"><span>Tesla</span></a></li>
</ul>
</div>