问题标签 [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.
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
laravel - 从 v2 更新到 v3 Laravel 8 后 Tailwind 缺少类
我将顺风从 v2 更新到 v3,现在缺少一些类。我试图重新安装 tailwind 及其依赖项,但没有帮助。是什么导致了这种奇怪的行为?
例子:
以及来自网格、字体大小等的其他类。
版本
tailwind.config.js
webpack.mix.js
resources/css/app.css
css - 顺风 css 围绕屏幕类型包装多种样式
有没有办法在 Tailwind CSS 中围绕屏幕类型包装样式?
例如:下面不起作用。
下面确实有效,但是我正在重复每种样式的屏幕类型。
我试过引号,但这不起作用。
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 无法正常工作。这是我的项目文件夹结构。请任何人帮助我,拜托。
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 的一个非常小的示例(删除了很多东西,仅用于演示目的):
css - 手动添加顺风类
我使用了一个顺风类,之后只添加了 JS。但是,当我从 tailwind 生成 css 时,这个 CSS 类当然不包括在内。因此,我如何添加此类的问题。
css - 有没有办法在 Tailwind CSS 中调整*线性渐变*的**角度**?
有没有办法使用Tailwind CSS在 HTML 组件的背景图像样式上调整线性渐变的角度?我唯一能做的就是在方向选项之间进行选择:'t(top)'、'tr(top-right)'等,但我想将带有 Tailwind 的 hr 元素的渐变角度设置为 24 度像“ .bg -gradient- [ 160deg ]”这样的类(和颜色:“.from-lime”“.to-red”)