‹ Components

7.17

_ui-thumb-catalog.scss

Catalogue Thumbnail .ui-thumbnail.media-catalog

Media-entry-6

Name that can easily go onto 2 lines so lets try make it so shall we.

Author that can easily go onto 2 lines as well so how about seeing how it works then?

500
Document.png

Name that can easily go onto 2 lines so lets try make it so shall we.

Author that can easily go onto 2 lines as well so how about seeing how it works then?

500
<div class='ui-thumbnail media-catalog'>
<div class='ui-thumbnail-privacy' title='This media is public'></div>
<a class='ui-thumbnail-image-wrapper'>
<div class='ui-thumbnail-image-holder'>
<div class='ui-thumbnail-table-image-holder'>
<div class='ui-thumbnail-cell-image-holder'>
<div class='ui-thumbnail-inner-image-holder'>
<img alt='Media-entry-6' class='ui-thumbnail-image' src='/assets/styleguide/media-entry-7-2c88d9b74ae168ba3e93c1e259a06c92.jpeg'>
</div>
</div>
</div>
</div>
</a>
<div class='ui-thumbnail-meta'>
<h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines so lets try make it so shall we.</h3>
<p class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well so how about seeing how it works then?</p>
<span class='ui-thumbnail-meta-extension'>500</span>
</div>
</div>
<div class='ui-thumbnail media-catalog'>
<div class='ui-thumbnail-privacy' title='This media is public'></div>
<a class='ui-thumbnail-image-wrapper'>
<div class='ui-thumbnail-image-holder'>
<div class='ui-thumbnail-table-image-holder'>
<div class='ui-thumbnail-cell-image-holder'>
<div class='ui-thumbnail-inner-image-holder'>
<img alt='Document.png' class='ui-thumbnail-image' src='/assets/thumbnails/document.png.png'>
</div>
</div>
</div>
</div>
</a>
<div class='ui-thumbnail-meta'>
<h3 class='ui-thumbnail-meta-title'>Name that can easily go onto 2 lines so lets try make it so shall we.</h3>
<p class='ui-thumbnail-meta-subtitle'>Author that can easily go onto 2 lines as well so how about seeing how it works then?</p>
<span class='ui-thumbnail-meta-extension'>500</span>
</div>
</div>