Sha256: 702f62a7d2443ed469ee7699fc5978465cda228c65ea8cf5c1a43da3f3ba03c5
Contents?: true
Size: 1.24 KB
Versions: 62
Compression:
Stored size: 1.24 KB
Contents
#product-summary.style-guide__subsection
%h3= link_to_style_guide('components', 'product_summary')
%p Small, concise cards representing a product. Designed to be grouped together horizontally, reflowing based on their container's width.
%p The product's name will automatically truncate.
%p Supports an optional <code>.product-summary__remove</code> link.
.style-guide__example-block
.product-summary
.product-summary__media
.product-summary__image-wrapper
= image_tag 'workarea/core/placeholder.png', size: '64x88', class: 'product-summary__image'
%span.product-summary__name Product Title 1
%span.product-summary__graph
%span.spark {#{(0..9).to_a.shuffle.join(',')}}
.product-summary
.product-summary__media
.product-summary__image-wrapper
= image_tag 'workarea/core/placeholder.png', size: '64x88', class: 'product-summary__image'
= link_to inline_svg('workarea/admin/icons/close.svg', class: 'svg-icon svg-icon--small svg-icon--red', title: t('workarea.admin.actions.remove')), '#', class: 'product-summary__remove'
%span.product-summary__name Very Long Product Title 3
%span.product-summary__graph
%span.spark {#{(0..9).to_a.shuffle.join(',')}}
Version data entries
62 entries across 62 versions & 1 rubygems