Tailwind v4 alpha 中的组件

Question

如何在 Tailwind v4 alpha 中创建组件（例如容器、btn）。不确定是否可以，但我不知道如何做

@theme {
  .container {
    --padding: var(--spacing-4);
  }
}

这里运气不好，错误说主题中只能存在属性和@keyframes，所以不知道该怎么做

Answer 1

你几乎已经拥有它了，

@layer components {
    .container {
        @apply mx-8 px-4 md:px-5 lg:px-8 max-w-7xl;
    }
}