问题标签 [tailwind-3]

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.

0 投票
1 回答
54 浏览

wordpress - `theme(width.1/3)` 的 Tailwind 3 宽度计算问题

我正在尝试使用以下代码:

@apply w-[calc(theme(width.1/3)_-_1rem)]根据文档,应该可以。但是每次我尝试编译代码时,都会出现以下错误:

我感到困惑的是,我使用1/3密钥作为错误状态,但它似乎被解析为1 / 3我认为是我的问题?我正在使用带有 Roots Sage 9.0.10 的 Tailwind 3。

如果需要,这是我的package.json

0 投票
1 回答
158 浏览

laravel - 从 v2 更新到 v3 Laravel 8 后 Tailwind 缺少类

我将顺风从 v2 更新到 v3,现在缺少一些类。我试图重新安装 tailwind 及其依赖项,但没有帮助。是什么导致了这种奇怪的行为?

例子:

以及来自网格、字体大小等的其他类。

版本

tailwind.config.js

webpack.mix.js

resources/css/app.css

0 投票
0 回答
19 浏览

css - 顺风 css 围绕屏幕类型包装多种样式

有没有办法在 Tailwind CSS 中围绕屏幕类型包装样式?

例如:下面不起作用。

下面确实有效,但是我正在重复每种样式的屏幕类型。

我试过引号,但这不起作用。

0 投票
2 回答
78 浏览

css - 尾风 css 显示有关生成的 css 文件缺少样式的警告

这是我第一次安装和运行 tailwind CSS。我按照说明做了所有相应的事情,但随后它开始显示一些警告,如下所示

在此处输入图像描述

你能告诉我为什么我会收到这些警告并且无论如何要我修复它们吗?因为我担心我生成的 CSS 会丢失样式所以需要帮助来修复它

另外,我可以将顺风 CSS 保持在观看模式吗?请给我命令行或视频或向我解释解决方法?先感谢您!

0 投票
1 回答
98 浏览

visual-studio-code - Tailwindcss Intellisense 在 VS Code 中不起作用

我已经从 Stack Overflow 中查看了许多答案,但我无法解决 IntelliSense 不适用于 Tailwindcss 的问题。但是 vscode Intellisense 适用于 python 和 javascript 等其他东西。请任何人帮助我为什么这不起作用。我正在使用 Tailwindcss Cli。甚至 CSS 文件 Intellisense 也无法正常工作。

我的配置文件是。tailwind.config.js

我也将此设置添加到.vscode/settings.json

一件事。CSS 编译成功,但 Intellisense 无法正常工作。这是我的项目文件夹结构。请任何人帮助我,拜托。

项目文件夹结构

0 投票
0 回答
36 浏览

html - 在深色背景上使用 Tailwind 散文会使文本看起来太暗

在深色背景上使用 Tailwind 散文会使文本看起来太暗而无需手动配置

TLDR;如何让散文在深色背景上工作?

我有一个使用 Wordpress 运行 Sage 10 的站点,其中我使用 TailwindCSS (v3.0.18) 作为基本样式。该页面不处于暗模式,也不应该处于暗模式。但是我有一个页脚,它有一个深色背景,这在网站中很常见。我的问题是prose我添加到它的类会显示文本(等)很暗,不可读。我也想prose在深色背景上使用。prose-invert似乎不起作用。我不确定它是否只适用于dark:prose-invert

我可以手动更改页脚中的所有元素,但如果 Tailwind 有一种无需手工劳动的方式来处理这种情况,我会更喜欢。

在图像中,您可以看到左侧部分prose变暗并最终变暗。正确的部分没有并且一直看起来应该是这样,但是缺少尺寸和所有花哨的东西。

在此处输入图像描述

此时我tailwind.conf.js的设置非常简约:

我使用 composer 将所有内容编译到一个 CSS 文件中,因此 Tailwind JIT 正在使用并扫描所有正确的文件,如您所见。

以下是编译后的 HTML 的一个非常小的示例(删除了很​​多东西,仅用于演示目的):

0 投票
0 回答
36 浏览

tailwind-css - Tailwind 扩展颜色无法使用类

我正在尝试使用 Tailwind 类设置动态样式,但在我的配置中不起作用。你可以在这里找到我的配置和我想要的结果。

正如您从我的检查员那里看到的,我没有按照 Tailwind 游乐场的悬停颜色样式。

切换悬停的检查器

0 投票
2 回答
51 浏览

css - 手动添加顺风类

我使用了一个顺风类,之后只添加了 JS。但是,当我从 tailwind 生成 css 时,这个 CSS 类当然不包括在内。因此,我如何添加此类的问题。

0 投票
2 回答
71 浏览

javascript - 使用 vite 捆绑器构建无法响应

在此处输入图像描述

我以前使用 web-pack 并想将其更改为 vite 我在发布yarn dev它时将所有文件从 web-pack 版本复制到了 vite 版本但我们构建它并使用serve dist它运行构建给我这个错误浏览器,它不会呈现任何东西

0 投票
2 回答
116 浏览

css - 有没有办法在 Tailwind CSS 中调整*线性渐变*的**角度**?

有没有办法使用Tailwind CSS在 HTML 组件的背景图像样式上调整线性渐变角度?我唯一能做的就是在方向选项之间进行选择:'t(top)'、'tr(top-right)',但我想将带有 Tailwind 的 hr 元素的渐变角度设置为 24 度像“ .bg -gradient- [ 160deg ]”这样的类(和颜色:“.from-lime”“.to-red”)