问题标签 [tailwind-in-js]

我在 Svelte 中使用 tw-in-js/twind。当使用 Svelte App 的 vanilla 设置并包含 Twind 后，我找不到任何方法让插件工作：

在上面的代码示例中，h1style2（const 声明）有效，但插件 h1style 无效。

如果有人可以让这个工作，我将不胜感激。

Tailwind UI的免费堆叠应用程序外壳有一个移动菜单，用户可以在小屏幕上显示：

在 React 中，我使用showMobileMenu状态变量实现了这一点：

如果用户调整窗口大小（在菜单可见时），它会在 处消失medium并在重新调整回small. 在这种情况下，我希望在调整回small.

实现这一目标的最佳方法是什么？

我目前的解决方案是监听window resize事件并showMobileMenu=false随时设置window.innerWidth >= 768。

我有点厌倦了由 JS 和 CSS 管理的响应行为，但也许这是典型的。只是想知道 React Tailwind 开发人员是否会以不同的方式处理这个问题。

flex-row我有一个登录页面，它使用和在图像和文本块之间交替flex-row-reverse：

我可以通过在映射列表时翻转顺序来非常简单地实现这一点，而无需更改 div 的顺序：

当我意识到在移动设备上我希望它们像这样堆叠时，问题就出现了：

我模拟了代码沙箱中发生的事情，如下所示：

移动版本看起来和预期的一样，但更大的断点看起来好像space-x-reverse正在被识别：

知道如何识别反向行space-x-reverse吗？

我正在尝试使用 设置我的登录部分的背景不透明度bg-opacity-75，但是当我将它添加到我的类名时，背景颜色将消失。如果我使用opacity-75，所有 child-div 都将是透明的，如果我使用opacity-100，背景颜色将消失，只有输入字段可见，有点连线。此外，我正在使用tailwind.config带有 tailwind v2.0.2 的默认文件。

这是我的代码：

我也尝试过内联css，但仍然无法正常工作。 使用bg-opacity-75（输入后面应该有一个白色透明区域）

我正在使用 Laravel Jetstream 和 TailwindCSS。我已经根据我对项目的一些要求修改了一些 config.js 文件（webpack、tailwind 等）。出于某种原因，当我编译运行时npm run dev，它将配置所有颜色（例如，，，bg-red-100... ） bg-red-200，bg-red-300但是当我在生产中编译时（npm run production），它缺少一些（，，，bg-red-100... bg-red-400）bg-red-500。

webpack.mix.js：

webpack.config.js：

tailwind.config.js：

当我运行时，npm run development我得到以下 CSS 颜色（以红色为例）：

当我运行时，npm run production我得到以下 CSS 文件（以红色为例）：

什么可能导致此问题？我需要配置颜色，因为我正在使用它们让客户自定义他们的界面。

如您所知，Tailwind 是一个非常流行的 PostCSS 解决方案。我想在运行版本 11.2.0 或旧版本的 Angular 应用程序中添加 TailwindCSS。我该怎么做？

我决定发布并回答我自己的问题，因为这是我最近通过 Angular 社区看到的一个非常受欢迎的问题

我添加了清除，在构建后仍然发布 css，它正在抓取整个文件，而不仅仅是我使用过的库。

包.json

},

tailwind.config.js

postcss.config.js

我修改了我tailwind.config.js的添加新的自定义颜色：

现在我希望我的按钮在悬停时改变颜色。

但它不起作用。

有趣的是，如果我写bg-pepegray它就可以了。它唯一不起作用的地方是悬停。

我有这个代码：

/plugins/t-alert.js：

在文件中/plugins.index.js：：

在文件中main.ts：

运行已成功完成，但我在浏览器中出现错误：Uncaught TypeError: Vue__default.default.extend is not a function。你对这个问题有想法吗？提前谢谢，对不起我的英语。

我正在尝试在 Tailwind 文件配置中创建一个变体。我想要的是类似hover:border-l-4 hover:border-green-400, 所以一个在左侧（或仅在顶部/底部/右侧）启用边框的类。

所以我在里面创建了这个tailwind.config.js：

它不起作用。我明白了TypeError: variantsValue is not iterable。

我在文档页面中没有发现任何有用的东西。