Possible to place all before everything else?

[patric-eberle]

Is it possible to force the placement of the all property, which will reset every other property, before any other type with the basic order? From the documentation it is not clear to me how this could be achieved, since order only knows the keyword declarations as a whole.

https://developer.mozilla.org/en-US/docs/Web/CSS/all

[hudochenkov]

You need to use properties-order rule for that.

[Brixy]

I was just going to ask the same thing.

@patric-eberle’s suggestion would be a good default (IMHO).

There’s quite a number of properties that would be affected.

[jeddy3]

To expand on #149 (comment), I believe you can use the unspecified secondary option of the properties-order rule to place the all property above anything else.

If you don't care about the order of the properties after all, you can use:

{
	"order/properties-order": [
		["all"],
		{ "unspecified": "bottom" }
	]
}

If you want them to be alphabetical, you can use:

{
	"order/properties-order": [
		["all"],
		{ "unspecified": "bottomAlphabetical" }
	]
}

[Brixy]

This works perfectly, @jeddy3.

Thank you very much for the tip.