Как будет использовать контейнерную прокладку в Tailwind CSS V4 ⇐ CSS

[Anonymous]

В Tailwind CSS V3 был файл tailwind.config.js , где мы могли бы объявить различные прокладки для различных экранов, таких как:
theme:{
container: {
center: true,
padding: {
DEFAULT: `10px`,
sm : `20px`,
lg : `80px`,
xl : `120px`
}
}
}
< /code>
Теперь нет никакого tailwind.config.js < /code>.

Мы должны использовать Global CSS.

Как это Поместите эти прокладки в контейнер, так как нет никакого способа/охватить его.

, даже если у них есть @container , но теперь способ разместить эти переменные прокладки, которые могут взять их размер. p>
Я попытался использовать < /p>
@container {}

@utility container{}

@layers {
@media container (){}
}


Подробнее здесь: https://stackoverflow.com/questions/793 ... ind-css-v4