Support @position-try

[yisibl]

• MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/@position-try
• Spec: https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try

[fregante]

What do you mean by "support"? It already seems to parse it correctly: https://lightningcss.dev/playground/index.html#%7B%22minify%22%3Afalse%2C%22customMedia%22%3Atrue%2C%22cssModules%22%3Afalse%2C%22analyzeDependencies%22%3Afalse%2C%22targets%22%3A%7B%22chrome%22%3A6225920%7D%2C%22include%22%3A0%2C%22exclude%22%3A0%2C%22source%22%3A%22%40position-try%20--custom-left%20%7B%5Cn%20%20position-area%3A%20left%3B%5Cn%20%20width%3A%20100px%3B%5Cn%20%20margin%3A%200%2010px%200%200%3B%5Cn%7D%5Cn%5Cn%40position-try%20--custom-bottom%20%7B%5Cn%20%20top%3A%20anchor(bottom)%3B%5Cn%20%20justify-self%3A%20anchor-center%3B%5Cn%20%20margin%3A%2010px%200%200%200%3B%5Cn%20%20position-area%3A%20none%3B%5Cn%7D%22%2C%22visitorEnabled%22%3Afalse%2C%22visitor%22%3A%22%7B%5Cn%20%20Color(color)%20%7B%5Cn%20%20%20%20if%20(color.type%20%3D%3D%3D%20'rgb')%20%7B%5Cn%20%20%20%20%20%20color.g%20%3D%200%3B%5Cn%20%20%20%20%20%20return%20color%3B%5Cn%20%20%20%20%7D%5Cn%20%20%7D%5Cn%7D%22%2C%22unusedSymbols%22%3A%5B%5D%2C%22version%22%3A%22local%22%7D

[yisibl]

@fregante There are some special rules here: https://drafts.csswg.org/css-anchor-position-1/#at-ruledef-position-try

The @position-try rule only accepts the following properties:

inset properties

margin properties

sizing properties

self-alignment properties

position-anchor

position-area

It is invalid to use !important on the properties in the . Doing so causes the property it is used on to become invalid, but does not invalidate the @property-try rule as a whole.