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.
39 lines (34 loc) • 1.12 kB
Markdown
<h2>Icon<span class="status approved">Approved</span></h2>
Usage information:
To creat an icon use this custom tag: `<as24-icon type="[icon-name]"></as24-icon>`. Here the value of [icon-name] placeholder defines type of icon to be used, for eg: type="android" will render an android icon. For list of all supported types, please visit icons section under extra-packages.
There is no default size for an icon. Therefore, an icon must always be used with one of the modifier from the list below to define its size.
<table class="docs-table docs-table-visibility">
<thead>
<tr>
<th>Class</th>
<th>Sizes</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>.sc-icon-s</code></td>
<td>12x12 px</td>
</tr>
<tr>
<td><code>.sc-icon-m</code></td>
<td>16x16 px</td>
</tr>
<tr>
<td><code>.sc-icon-l</code></td>
<td>20x20 px</td>
</tr>
<tr>
<td><code>.sc-icon-xl</code></td>
<td>24x24 px</td>
</tr>
<tr>
<td><code>.sc-icon-xxl</code></td>
<td>40x40 px</td>
</tr>
</tbody>
</table>