- [CSS spec (Editor's Draft)](https://drafts.csswg.org/css-conditional-5/#typedef-style-range) - [Chrome Platform Status entry](https://cr-status.appspot.com/feature/5184992749289472) (will ship in [Chrome 142](https://developer.chrome.com/blog/chrome-142-beta)) ### Example code ```css @container style(1em < 20px) { /* rules */ } ``` Currently fails with: ``` Unexpected token Dimension { has_sign: false, value: 1.0, int_value: Some(1), unit: "em" } ``` [Playground link](https://lightningcss.dev/playground/index.html#%7B%22minify%22%3Atrue%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%40container%20style(1em%20%3C%2020px)%20%7B%5Cn%20%20%2F*%20rules%20*%2F%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)