Как определить пользовательские варианты точек останова мультимедиа в Tailwind V4? ⇐ CSS

[Anonymous]

Я работаю над переносом базы кода из Styled Components в Tailwind V4.
Чтобы избежать внесения критических изменений в наш дизайн, я хочу продолжать использовать те же точки останова мультимедиа и медиа-запросы, которые отличаются от значений по умолчанию в Tailwind.
Из документации по добавлению пользовательских вариантов я вижу, что можно использовать директиву @custom-variant.
Но можно Я использую это для определения пользовательских точек останова мультимедиа?
например. вот так:

Код: Выделить всё

@custom-variant max-xs (@media (max-width: 375px));
@custom-variant max-sm (@media (max-width: 576px));
@custom-variant max-md (@media (max-width: 768px));

Это допустимый синтаксис Tailwind?
Если нет, то как я могу создавать собственные медиа-запросы в Tailwind v4?

Подробнее здесь: https://stackoverflow.com/questions/798 ... ailwind-v4