Version 0.40.0

UI Atoms

Thumbnails

Alt
Alt
Alt
<div class="sui-a-thumbnail as--init-loader">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader">
    <img src="..." alt="...">
</div>

Thumbnail sizes

<div class="sui-a-thumbnail as--init-loader as--xxs">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--xs">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--sm">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--lg">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--xl">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--xxl">
    <img src="..." alt="...">
</div>

Thumbnail ratios

<div class="sui-a-thumbnail as--init-loader as--ratio-4_3">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--ratio-16_9">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--ratio-2_1">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--ratio-1_2">
    <img src="..." alt="...">
</div>

<div class="sui-a-thumbnail as--init-loader as--ratio-3_4">
    <img src="..." alt="...">
</div>