Как перезаписать ширину контейнеров в Tailwindcss v4? [дублировать] ⇐ CSS

[Anonymous]

Если до того, как я сделал это в tailwind.config.js Ну, теперь, когда файл не существует, просто просто CSS. Как мне это перезаписать сейчас?

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

export default {
theme: {
extend: {
screens: {
md: "1080px",
lg: "1280px",
},
container: {
screens: {
md: "1080px",
lg: "1200px",
},
},
},
},
}

Я использовал различные способы в Интернете, но не нашел правильный, используя @screen , затем @Theme , который включает Я использую для теста в Брекапайнте не работает, все становится красным, почему это так?

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

@import "tailwindcss";

/* I'm commenting it out because it's not necessary for the minimal reproduction. */
/* @plugin "@tailwindcss/typography"; */
/* @source "../views"; */
/* @source "../../content"; */

@theme {
--breakpoint-*: initial;
--breakpoint-md: 1080px;
--breakpoint-lg: 1280px;
--container-*: initial;
--container-md: 1080px;
--container-lg: 1200px;
}


Lorem ipsum dolor sit amet consectetur, adipisicing elit. Suscipit, officiis
soluta! Unde dolorum, officia ex ab distinctio iusto, repellendus maiores
doloribus numquam iste incidunt tempore labore! Incidunt voluptatem non
quibusdam!

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