问题标签 [tailwind-ui]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 如何删除填充顶部和底部以设置高度和宽度
如何删除嵌套填充以在包含其他 div 的 div 中获得准确的高度和宽度。我正在使用 Tailwind 和这个 UI。
边距顶部和边距底部不适合。即使我使用 vh 或/和 wh 单位，以及其他提示。
css - 如何在配置中使用 theme() 函数（顺风）
我正在尝试创建 1 个可重复使用的间隙变量，我可以在任何有多个按钮的地方使用它。而不是使用gap-3我只想使用gap-buttons
我得到的错误是Maximum call stack size exceeded. 我试过buttons: (theme) => theme(theme.gap.3)也没有用。还有颜色，它不起作用......
html - Tailwind：丢失的配置文件（如何恢复/重新生成）？
摘要：我接手管理了一个 TailwindCSS 网站，但没有该tailwind.config.js文件。
问题tailwind.config.js：如何在没有用于创建它的文件的情况下为我的站点重建 TailwindCSS ？
问题：有没有办法反向生成/创建用于生成我网站上使用的 TailwindCSS 的 tailwind.config.js 文件？
详细信息：我刚加入一家公司，我替换的人（离开公司）使用 TailwindCSS 建立了我们的公司网站。问题是，我找不到config用于构建 Tailwind CSS 包的文件 - 阻止我创建新的 html 页面。如何从必须重新创建config.js用于 Tailwind 的构建文件的现有 CSS 中“反向生成”？
我尝试了什么：我尝试在https: //play.tailwindcss.com/ 上加载我们公司网站的单个页面，并（手动）迭代 config.js 文件可能包含的生成我们公司网站的内容；但是，输出完全关闭。
因此，是否有一种技术方法可以“反向生成”tailwind.config.js导致生成我网站的 CSS 的内容？
reactjs - 如何在外部存储库中使用顺风？类不工作
我有大约 7 个不同的存储库，它们都有自己的顺风设置（EG 7 个不同的存储库，同一个按钮的 7 个不同版本），所以我创建了一个私有存储库来删除这个重复，但是我遇到了没有应用类的问题。
我有一个问题，只有网站中使用的类应用于组件。EG 我的页面使用mr-8，我的按钮正在使用mr-8，px-2.5但按钮只mr-8应用了类。
我的清除内容中有这个： '.node-modules/\\@my-name/react-tailwindui/lib/**/*.{ts,tsx}'
这是我的按钮的一个例子。
这些是应用的类
谢谢库尔蒂斯
vue.js - 英雄图标没有出现在 TailwindUI 的 chrome 中，但在 Firefox 中出现损坏
我购买并安装了 TailwindUI。我复制并粘贴了一个导航组件，只是为了看看它在应用程序中的外观，汉堡菜单和通知铃（都是 Heroicons 的一部分）没有出现。
当我单击菜单应下拉的部分时，它会起作用。但所有存在的只是一个看起来像复选框的小方块。
这是它在 Firefox（移动调试器）中的样子：
在 Safari 上测试，它看起来像 Chrome。
在 node_modules 我可以看到 heroicons 存在：
该应用程序使用 Elixir/Phoenix、Vue、Webpack 和 Tailwindcss。
任何人都知道问题是什么或我将如何调试它？
css - 显示顺风动画
我正在尝试学习如何在 Tailwind 中使用动画。我绝望地尝试制作的动画是：
我试图动画的元素是：
现在我不太确定该怎么做，因为这个动画应该只在我尝试过的显示后立即运行：
然而，这并没有真正给我一个动画结果。接下来我可以尝试什么？
tailwind-css - Tailwind + Headless UI：点击或点击后关闭移动菜单
我正在使用 Tailwind + Headless UI 在移动设备上创建一个汉堡菜单栏，以便在点击时显示菜单。但是当我点击菜单时，它不会自动关闭并创建一个糟糕的用户体验。
尝试在点击时手动添加关闭，但似乎不起作用。
laravel - 不要在 Vue、TailwindUI 和 Headless UI 中使用内置或保留的 HTML 元素
我正在尝试将 TailwindUI / Headless UI 菜单（下拉菜单）添加到 Vue 并在控制台中收到两个错误：
不要使用内置或保留的 HTML 元素作为组件 id：menu
和
错误：< MenuButton /> 缺少父 < Menu /> 组件
我在 Laravel 8 应用程序中使用 Vue 3，这是 app.js 的样子：
这是视图的一个最小示例：
我已经尝试了所有我能想到的并且迷路了！有任何想法吗？
html - (Tailwind - DaisyUI) 有没有办法改变下拉项目的悬停和活动颜色？
我使用 TailwindCSS 和 DaisyUI（通过 CDN）。
使用DaisyUI Dropdown时，有什么方法可以更改下拉项的颜色吗？这包括下拉菜单本身的背景颜色，然后将鼠标悬停在项目上（CSS :hover），然后单击它（CSS :active）。
（点击时）
到目前为止，我已经能够更改下拉菜单本身和悬停时的背景颜色。
当单击列表颜色（CSS 活动）时，我似乎无法获得：