NOKSTRAP guide

1.3 #Atoms.DateBlob DateBlob

Toggle example guides Toggle HTML markup

A blob with date (or otherwise short) information.

Examples
Default styling
23/5
.DateBlob--dark
Dark background, white text
23/5
Markup
<div style="max-width: 300px;">
<figure class="ProductThumb">
  <div class="DateBlob [modifier class]">
     <div class="DateBlob-date">23/5</div>
  </div>
  <img src="https://via.placeholder.com/200x300" class="ProductThumb-image">
</figure>
</div>
Source: src/components/atoms/date-blob.less, line 3