Add new rule to disallow specific condition in @container queries

[CosticaPuntaru]

What is the problem you're trying to solve?

I want to be able to enforce mobile-first responsive design using @container, similar to media-feature-name-disallowed-list

What solution would you like to see?

support for rule

"container-feature-name-disallowed-list": [
	"max-width"
]

or a option for media-feature-name-disallowed-list to include @container

[ybiquitous]

@CosticaPuntaru Thanks for opening the discussion. The new rule's idea sounds interesting. But here, it seems that there are a few things that we need to confirm.

• According to the CSS spec, there are no "container feature name", but <container-name> and <container-query>. So, we need to consider more proper name for the new rule.
• According to the spec, <container-query> can include the <size-feature> syntax, which is the same as a media feature. The suggested rule seems to aim at this <size-feature> name.

To be honest, I'm not familiar with @container, so I'd like to see more use cases.

Ref https://developer.mozilla.org/en-US/docs/Web/CSS/@container