我已经使用next.js文档中提供的顺风启动器存储库创建了一个next.js应用程序,并且顺风工作得很好。然而,我最近遇到了一个问题,某些顺风类停止工作,特别是任何与颜色相关的类。 我已经再次尝试运行npm -i,但是没有发生任何变化。 postcss.config // If you want to use other PostCSS plugins, see the following:
// https://tailwindcss.com/docs/using-with-preprocessors
module.exports = {
plugins: {
tailwind
我正试图通过tailwindcss将twin.macro包含到我的定制盖茨比主题中。我正在使用纱线工作区,项目目录树的设置如下:
./site - The actual site which contains the content
./packages/gatsby-theme-custom/** - The Gatsby theme
因此,我的site引入了gatsby-theme-custom,并用自己的内容填充了它。
到目前为止,tailwindcss本身的集成工作得很好。现在,我正在尝试将一个tailwind.config.js文件添加到gatsby-theme-custom的根目录
所以我有三张照片,我希望它们都能互相绕圈。我使用顺风css作为我的造型。我找到了图像必须遵循的圆形路径,以及关键帧样式。如何在顺风配置文件中配置这种样式并在我的项目中使用
下面是HTML和CSS示例代码,用于实现每个图像的TYRYING。CODEPEN链路
<svg viewbox="0,0 10,10" width="200px" height="200px">
<!-- the path to be animated along -->
<!-- the mover -->
我想使用顺风来完成我所有的样式设计,并且不想在我的代码中添加额外的库。
下面是我想出的一个简单的例子:
我所做的:
创建了一个简单的组件,其中包含一个基本的输入字段。角似乎编译得很好,但格式上似乎没有显示任何字段。它错误地用一个Error: [Formly Error] There is no type by the name of "input"。
在没有主题的文档中,我似乎也找不到任何例子。
我想要一个比顺风目前提供的更大的填充值(pr-96,大约是24rem),我希望我的项目有大约40rem的值。 根据文档,我尝试了,但我无法运行npm run build而不出现错误。 // tailwind.config.js
module.exports = {
theme: {
padding: {
xxl: 'padding-right: 40rem',
}
}
}
’’’
Error:the xx class does not exist, but xx does.
If I remove the co
我试着在我的laravel项目中添加流苏。我使用的是9和Vite。
我遵循以下步骤:
npm i flowbite
在tailwind.config.js中添加插件
plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography'), require('flowbite/plugin')],
in App.js
import Flowbite from 'flowbite';
然后是npm run dev
我也尝试过添加cdn链接,但它不起作用