问题标签 [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 回答
42 浏览

html - 使用 prose-lg 类时未显示无序列表项目符号项,但当我在 Tailwind CSS 中仅使用散文类时工作正常

在我的博客页面中,我使用的是 markdown 和 Tailwind。对于无序列表,当我使用prose-lg类时,项目符号不显示。但是,当我只使用散文类时,它工作得很好。

当我使用散文类时,这是输出

在此处输入图像描述

在此处输入图像描述

当我使用 prose-lg 类时,这是输出(我需要使用 prose-lg 类,因为散文类中的字体很小)

在此处输入图像描述

在此处输入图像描述

请帮我解决这个问题。我也看到了,在assets/node_modules/@tailwindcss/typography/src/index.test.js文件 .prose ul > li::before中有content: \\"\\";.prose-lg ul > li::before没有它。我需要在这里做什么吗?

0 投票
1 回答
35 浏览

json - 强制 Tailwind 在构建阶段包含一些类

在我的 Angular 项目中,我最近将一个菜单从打字稿变量移到了从后端动态加载的 json。

一些 Tailwind 类仅在此菜单中使用,因此现在在构建时 Tailwind 不知道它必须包含这些类的样式。

是否可以强制 Tailwind 始终包含某些类?例如,通过处理 tailwind.config.js 文件。

作为解决方法,实际上我已经在我的 index.html 中包含了这一行(但我不喜欢 eslint 的错误):

0 投票
1 回答
71 浏览

javascript - 在初始构建 React 应用程序后 Tailwind CSS 类未更新

今天我决定硬着头皮把我的 react 应用从 tailwind v2 升级到 v3。升级进行得很顺利,但是我现在遇到了一个问题,在我运行“npm start”之后,在重新编译应用程序时不会在开发中添加额外的顺风 css 类,我知道这是 JIIT 引擎的工作。

我希望顺风检测更改并添加/删除所需的类。我尝试将基础类从“basis-1/2”更改为“basis-3/4”,但由于我没有在初始构建中包含“basis-2/5”类,因此类名出现在 div 之后热重载,但类没有加载到样式表中。

我知道这是一个顺风特定的问题,因为我使用 chrome 工具进行了调查,并且类名已添加到 div 但该值不在重新编译的样式表中: 目标 css 类

我认为解决方案可能是在开发过程中包括所有 css 类,并在生产中清除它们一次,但从研究中,我认为顺风 css 包已经变得太大而无法在开发中完全加载。

我还尝试在 tailwind.config.js 文件的内容数组中匹配不同的文件路径,但这也没有帮助。

对此的任何帮助或建议都非常有用,并且很乐意尝试人们的建议。

感兴趣的文件:

包.json

tailwind.config.js

index.js

postcss.config

资产/tailwind.css

0 投票
0 回答
10 浏览

python - 将tailwindcss与django一起使用时出错

我在运行 npm run start 时收到以下错误

healthbox@1.0.0 构建

postcss 静态/css/style.css -o 静态/css/main.min.css

输入错误:您必须传递有效的文件列表才能解析

我的项目的文件夹结构

0 投票
2 回答
39 浏览

tailwind-css - 如何在 Tailwind css 中居中项目

如何在 Tailwind 中将内容或项目以小尺寸居中。我做了 Tailwind 中可用的所有对齐类它不起作用。这是顺风V3

https://play.tai​​lwindcss.com/dBKsusYFvi?size=540x720

0 投票
0 回答
13 浏览

javascript - 在 React 本机中使用 Tailwind v3 支持浅色/深色主题?

我需要使用 tailwind v3 在 React 本机项目中实现主题支持。谁能帮我吗?提前致谢

0 投票
1 回答
21 浏览

css - 适用于 Shopify 主题的 Tailwind CSS | 顺风构建不起作用

我正在尝试通过编译顺风基础、组件和实用程序来生成 CSS 代码来开发 Shopify 主题。

下面是我的文件。

tailwind.config.json

应用程序.css

执行以下代码:

截图如下

运行上述代码后的终端截图

请让我知道有关此问题的更多信息。

提前致谢。