在 Nuxt/Tailwind 项目中加载自定义字体
大家好，对不起我的英语. 我使用 Tailwind 创建了一个 nuxt.js 项目.我想自定义我的字体系列，所以我从 Google Fonts 下载了一些字体文件.我一直在阅读 Tailwind 文档，但我不明白我必须在哪里放置字体文件以及如何配置 Tailwind 以加载文件. 如果有人能帮助我，我将不胜感激. 解决方案 我假设您正在使用模块@nuxtjs/tailwind
..
tailwind-css相关内容
错误:PostCSS 插件 tailwindcss 需要 PostCSS 8
我安装了新的 tailwindcss 2.0 版，但出现以下错误.我试图卸载 postcss 和 tailwindcss 但它不起作用.需要帮助. 模块构建失败(来自 ./node_modules/postcss-loader/src/index.js):错误:PostCSS 插件 tailwindcss 需要 PostCSS 8.最终用户迁移指南:https://github.com/post
..
tailwindcss 未在断点内使用我的自定义类
我正在尝试在 md 断点内的 height 属性上添加一些动画，但顺风不会使用我的类
..
如何在 Next.js 图像中使用 Tailwind CSS
我正在尝试在 Next.js 项目中使用 Tailwind CSS，但我无法将 Tailwind 类与 Next.js Image 组件一起使用. 这是我的代码: 当我使用 layout='fill' 属性时，它只显示一张图片.如果我使用 unsized 属性，则会显示以下错误. 解决方案 有一个 讨论和相关示例 在 Next.js GitHub 项目中.听起来这个例子实现了
..
将顺风css作为公共站点构建，并将vuetify作为管理仪表板
我正在尝试使用顺风CSS建立一个网站，并使用单独的javascript进行vuetify，其中主站点使用 app.js ，管理控制台使用 admin.js 减小尺寸.我正在使用 laravel-mix 进行代码拆分.这是我当前的配置: const mix = require('laravel-mix');const path = require('path');require('vuetify
..
@apply无法在Laravel Mix中的Vue组件内部工作
我正在Laravel和VueJS组件中使用Tailwind CSS. .day-disabled {@apply text-gray-400;} 但是它抱怨 模块解析失败:意外令牌(685:0)这些加载程序已处理文件:* ./node_modu
..
尾风旋转木马
我想使用Tailwind CSS制作轮播.但是我无法将一些纯CSS转换为顺风CSS. 如果无法将纯CSS转换为顺风CSS，请告诉我如何在我的react项目中添加该CSS.我正在使用 REACT . 请帮助我解决这个问题. 纯CSS: .carousel-open:已选中+ .carousel-item {位置:静态；不透明度:100；}.carousel-item {-web
..
如何在Gatsby中的标题中添加滚动事件
总结问题 目标是在查看器向下滚动页面时更改页眉/导航栏的样式.标头已经粘贴/固定在位，但是我希望一旦用户向下滚动，背景/文本颜色就会改变.到目前为止，所有其他组件都遵循我想要的样式，但是试图弄清楚该标题确实让我感到困惑. 描述您尝试过的内容 我尝试使用在网上 https://github.com/tailwindlabs/headlessui/blob/develop/packa
..
在Laravel 8中使用Tailwind安装Font Awesome
我正在尝试将具有新功能的Font Awesome添加到具有惯性的Laravel 8 Jetstream中，但是会收到以下错误消息 来自PostCSS插件的未知错误.您当前的PostCSS版本是8.2.4，但是postcss-import使用7.0.35.也许这是以下错误的根源. 错误:无法找到“〜@ fortawesome/fontawesome-free/scss/brands"
..
如何使用vuejs和tailwindcss配置电子
我无法使用这些技术从头开始配置项目.或者如果我可以将nuxtjs与electronjs一起使用 electronjs vuejs tailwindcss 解决方案 最好使用这样的模板启动器: https://github.com/SimulatedGREG/vue-electron ，然后按照此处的指南配置tailwindcss: https://tailwi
..
反应Craco顺风的Postcss集成
我的项目使用craco来启动/构建，我希望集成顺风的postcss.我已按照本教程 https://dev.to/ryandunn/how-to-use-tailwind-with-create-react-app-and-postcss-with-no-hassle-2i09 但是结果是，我遇到了这个错误: 我的配置文件如下所示: craco.config.js(这看起来像是问题所在
..
无法在开发人员模式下启动Django-Tailwind
我正在Windows上使用django-tailwind，并正在按照安装步骤进行操作.当前步骤是使用 python manage.py tailwind start “以开发人员模式启动顺风".这总是失败，并且以下文本块是生成的日志文件: ...4个详细的运行脚本['prestart'，'start'，'poststart']5个信息生命周期django_tailwind @〜prestart
..
为什么不顺风而覆地重写本地定义的样式?
我正在尝试通过tailwindcss麦粒肿更改文本的默认颜色.但是我不明白为什么它不起作用.但是Bootstrap确实会覆盖默认样式. 我只是tailwindcss的新手.有人可以告诉我这里发生了什么吗? 您可以在此处在codeandbox中进行编辑
..
Tailwind CSS网站未显示响应版本
..
Tailwind CSS清除会删除所有黑暗的类
我有一个非常简单的项目，该项目使用了几种扩展到主题的颜色.当我在tailwind.config.js文件中启用清除功能时，所有内容均应清除，但我所有的黑暗类也都清除了. 有人有同样的问题吗?我也在顺风的git上发现了与此相关的问题: https://github.com/tailwindlabs/tailwindcss/discussions/2793 我的资源位于 [项目文件夹]
..
使用TailwindCSS将PurgeCSS白名单模式
当通过PurgeCSS处理时，我试图保留所有TailwindCSS颜色类(即bg-绿色，bg-红色，text-green，text-red).这些颜色类别是在CMS中设置的，而不是在代码中设置的，因此我们无法在其中搜索代码，因为它们不存在(全部). 因此，我想使用PurgeCSS的白名单功能保留所有以"bg-"或"text-"开头的类.但是，我下面的模式似乎并没有解决问题?有什么想法可以调整
..
Tailwind CSS如何编码像素完美设计
刚刚开始使用 https://tailwindcss.com 并且无法弄清楚如何仅使用顺风飞行类来编码像素完美设计.简单的例子，我需要向左填充22px，但最接近顺风类别为pl-6和pl-8，分别为24px和32px.因此，到最后，我有很多顺风车类+ 1个自定义类，在那里我进行安排，这违背了该框架“实用程序优先"的目的. 解决方案 好了，我需要编辑 tailwind.config.js
..
如何在Django中使用TailwindCSS?
如何在Django项目(不仅是CDN)中使用TailwindCSS的所有功能，包括具有自动重新加载功能的干净工作流程，并且purgeCSS步骤已准备好投入生产? 在谷歌搜索时，我发现了一个名为django-tailwind的python程序包，但在此过程中并没有真正帮助我. 解决方案 TL; DR 在Django项目中安装TailwindCSS，就像使用npm的任何JS项目一样
..
React项目中的Tailwind-获取“无法找到模块'autoprefixer'"安装过程中出现错误
我正在使用文档在 https上的React项目中设置Tailwind://tailwindcss.com/docs/guides/create-react-app .我一直在遵循这些步骤，但是当我到达应该运行 npx tailwindcss init 以便生成 tailwind.config.js 文件的部分时，，出现以下错误: 找不到模块'autoprefixer'需要堆栈:-C:\ User
..
PurgeCSS和Tailwind CSS，如何使用命令行界面保留响应类?
我有“完整"的3.9 MB的Tailwind CSS文件并成功应用了PurgeCSS将其减小到9 kB.但这也会清除所有响应式类，例如 md:px-6 ，它们不会出现在我的清除版本中. 注意:此问题是关于使用命令行界面(CLI) 这就是我所做的: purgecss --css〜/Desktop/Projects/Flask/Project1/build/static/css/ma
..