LANGUAGES Signal 93

Chrome adds named-feature() for @supports and flex-wrap: balance

CSS-Tricks 3 weeks ago 3 min read ↗ Original

The 18th edition of the CSS roundup covers new features such as the geolocation element, named-feature() function, and flex-wrap: balance.

WHY IT MATTERS

Engineers can now use named-feature() to query specific browser capabilities in @supports, and flex-wrap: balance to evenly distribute wrapped flex items. These features are currently Chrome-only, so progressive enhancement is needed for cross-browser support.

Written by elseif from the cluster below · every claim links back to a source

The three things worth knowing

Chrome adds support for named-feature() in @supports and flex-wrap: balance for flex layout.

The <geolocation> element is only supported in Chrome and has styling restrictions.

The class prefix selector is not yet supported in any browser.

THE CLUSTER

Same story, 1 feed.

ORDERED BY FIRST SEEN

CSS-Tricks What’s !important #18: , Syntax ::highlight()ing, named-feature(), and More 3 weeks Open ↗