Create a new simple-listing component to replace the following, deprecated listings (which will be removed in the next version):
default listing
feature listing (2 and 3 columns)
navigational block listing with text (3 and 4 columns + wide, narrow and stacked)
simple-listing brings cleaner, more semantic markup, including BEM classes, no figure elements, headings instead of strong tags, contextual headings (h2, h3 or h4), etc.
The listing contains images by default, but a text-only variant is available: simple-listing--text. Three layout variants are also available to control the number of columns (4, 3 or 2 on desktop) - e.g. .simple-listing--four. Text-only listings come with a fourth, single-column layout variant.
Images are to be provided as background images via inline styles and are automatically scaled and cropped to fit, based on a 16/10 ratio (62.5%).
Create a new
simple-listing
component to replace the following, deprecated listings (which will be removed in the next version):simple-listing
brings cleaner, more semantic markup, including BEM classes, nofigure
elements, headings instead ofstrong
tags, contextual headings (h2
,h3
orh4
), etc.The listing contains images by default, but a text-only variant is available:
simple-listing--text
. Three layout variants are also available to control the number of columns (4, 3 or 2 on desktop) - e.g..simple-listing--four
. Text-only listings come with a fourth, single-column layout variant.Images are to be provided as background images via inline styles and are automatically scaled and cropped to fit, based on a 16/10 ratio (62.5%).
Issues #709 and #354 are now partially fixed.