Support flex-basis: fill-available(stretch)

[yisibl]

TODO

Input

.foo {
   flex-basis: stretch;
}

Expected

Note: Chrome does not implement flex-basis: -webkit-fill-available!

.example {
   flex-basis: -webkit-fill-available; /* Safari */
   flex-basis: -moz-available;
   flex-basis: stretch;
}

[ai]

Mention me in the comment when you will finish the issue.

[yisibl]

Sorry for the delay, let's wait for Chrome to implement the stretch keyword before deciding on the details of the Autoprefixer tweak.
https://groups.google.com/a/chromium.org/g/blink-dev/c/fxGpXGV0hYc/m/HOSYpsfiBgAJ

[yisibl]

With Chrome and Firefox on the verge of implementing the stretch keyword without a prefix, I think it's time to ditch the fill and fill-available keywords, they're history.

Can we add a warning? And then remove it completely after a certain release.

autoprefixer/lib/hacks/intrinsic.js

Lines 16 to 22 in dae6eb4

	isStretch() {
	return (
	this.name === 'stretch' ||
	this.name === 'fill' ||
	this.name === 'fill-available'
	)
	}

[ai]

What warning do you suggest?

[yisibl]

Warning: the fill or fill-available keywords have been deprecated by the specification in favor of stretch.
Autoprefixer will drop support for these two keywords in a future release.

[ai]

Can you send PR?