UNPKG

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.

github.com/AutoScout24/showcar-ui

AutoScout24/showcar-ui

42 lines (38 loc) • 2.38 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<h1 class="sc-font-xl sc-text-center sc-ordered-link-title">Top 10 Best Cars Ever</h1> <ol class="sc-ordered-link-list"> <li class="sc-ordered-link-list__li"><a href="#">BMW 1</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 3</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 5</a></li> <li class="sc-ordered-link-list__li"><a href="#">Mercedes A</a></li> <li class="sc-ordered-link-list__li"><a href="#">Ferrari</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 1</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 3</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 5</a></li> <li class="sc-ordered-link-list__li"><a href="#">Mercedes A</a></li> <li class="sc-ordered-link-list__li"><a href="#">Ferrari</a></li> </ol> <br> <br><hr><br> <h1 class="sc-font-xl sc-text-center sc-ordered-link-title">Top 20 Best Cars Ever</h1> <ol class="sc-ordered-link-list sc-ordered-link-list__long"> <li class="sc-ordered-link-list__li"><a href="#">BMW 1</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 3</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 5</a></li> <li class="sc-ordered-link-list__li"><a href="#">Mercedes A</a></li> <li class="sc-ordered-link-list__li"><a href="#">Ferrari</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 1</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 3</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 5</a></li> <li class="sc-ordered-link-list__li"><a href="#">Mercedes A</a></li> <li class="sc-ordered-link-list__li"><a href="#">Ferrari</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 1</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 3</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 5</a></li> <li class="sc-ordered-link-list__li"><a href="#">Mercedes A</a></li> <li class="sc-ordered-link-list__li"><a href="#">Ferrari</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 1</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 3</a></li> <li class="sc-ordered-link-list__li"><a href="#">BMW 5</a></li> <li class="sc-ordered-link-list__li"><a href="#">Mercedes A</a></li> <li class="sc-ordered-link-list__li"><a href="#">Ferrari</a></li> </ol>