Compass 1.0 Doesn't Use All Prefixes for Flexbox

Compass 1.0 doesn't use all prefixes for Flexbox

Opera has never used the -o- prefix for Flexbox. It was introduced under the Presto engine without prefixes. It wasn't until later that support for Flexbox properties (along with a few others) that the -webkit- prefix was also supported.

The Flexbox module that currently appears in the 1.0 alphas only emits the properties for the current Flexbox specification. Because of this, you won't be seeing the -moz- prefix either: the Mozilla engine only uses prefixes for the original Flexbox specification (eg. display: -moz-box). Mozilla supports the current specification without prefixes from 22.0 onwards (though support for flex-wrap didn't exist until 28.0). You also won't see the -ms-prefix because the IE versions that use prefixes support the older March 2012 draft (eg. display: -ms-flexbox).

Now, if you are interested in a set of mixins that are compatible with Compass that will cover all of your bases, I have written a few:

• Compatible with Compass 1.0 (slightly older version that shows usage)
• Compatible with Compass 0.12 (try it out on CodePen)

Compass-core box mixin undefined

Same here. After having a look at the compass-1.0.0.alpha.21 code I noticed the line @warn "The compass/css3/box module is DEPRECATED and will be removed in the next release. Please use compass/css3/flexbox instead."; I then wondered why the box module is then still listed in the official docs. Bottomline: The default documentation resource on the Compass website only covers the outdated release version 0.12.2, whereas we've been using the latest (still unreleased) dev version 1.x. There is another doc version at: http://beta.compass-style.org/reference/compass/. (Notice the "beta" subdomain!)

Related Topics