В 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
