Better support for linear-gradient
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	Ciencia_Al_Poder
	Jun 13 2020, 1:03 PM

Description

I can't add this to template styles:

background-image:linear-gradient(bottom, #eb4b2f 10%, #f29d2e 90%);

I would also like to use vendor prefixed like this:

	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(10%,#eb4b2f), color-stop(90%,#f29d2e));

This is probably not going to happen but... I'm adding it just for the record. We have a mobile app for android that would benefit from this

Nirmos renamed this task from Suppor for linear-gradient to Support for linear-gradient.Jun 13 2020, 11:46 PM

linear-gradient is supported in css-sanitizer, it's just sanitizing this form of it.

Looks like linear-gradient is supported but not the angle keywords. Using actual angles works:

background-image:linear-gradient(0deg, #eb4b2f 10%, #f29d2e 90%);

So, your example is spelled wrong, Images 3 is to bottom. It's also definitely supported as of https://gerrit.wikimedia.org/r/c/css-sanitizer/+/562681 .

Izno added a subscriber: Reedy.