Campsite CSS

Styleguide

Thumbnail

Preview

Nov 7, 2017
15
cat-final_final2_finalfinal_finalforreal.png

for A Generic Pet Shop Advertiser

by Campsite

Code

creative-thumbnail
  .thumbnail.bg-product-vertical
    img(src="images/cat.png")
    .label.bottom-0.left-0 
      span Nov 7, 2017
    .label.bottom-0.right-0
      .icon.is-small.has-text-white.margin-right1
        i.fa.fa-clock-o
      span 15

  .thumbnail-meta
    .ellipsis
      a(href="#") cat-final_final2_finalfinal_finalforreal.png
    p 
      i for 
      span A Generic Pet Shop Advertiser
    p 
      i by 
      b Campsite

Thumbnail Grid

Preview

Code

ul.flex.flex-wrap
  li.margin-bottom4.hover-bg-sky
    a(href="/creatives/1234")
      creative-thumbnail