问题标签 [tailwind-css]

有没有办法用 Angular (4+)配置TailwindCSS ？

我很高兴退出 Angular 项目，让 webpack 配置可用。但是我不确定要放入什么，webpack.config.js以便 TailwindCSS 可以很好地与 Angular 的内部配合使用。

最好有这样的设置，这样我仍然可以对 dev 使用单个命令（类似于npm start），并继续监视文件更改（包括 CSS）。构建项目也是如此。

Tailwind@tailwind在标记为未知的规则处添加css。我怎样才能避免这个错误？

例如styles.css

@tailwind preflight;

@tailwind utilities;

我只是在尝试 Tailwind CSS，想知道如何填充视口的高度。

从文档中获取这个示例 HTML

如何让它伸展到屏幕底部？

有没有人设法让Tailwind.css与Gatsby.js一起工作？

使用 Gatsby 配置 postCSS 插件有点棘手......如果有人设法让 Tailwind 与 Gatsby 一起运行，我很想知道如何！

我想.flex-col使用顺风 CSS 使这个框在内部居中对齐。

我努力了：

但是没有用，我错过了什么？

我无法弄清楚如何将不是专门为与早午餐一起使用而构建的 npm 包添加到我的 elixir/phoenix 项目中。

我不想做的一件事是将文件手动复制node_modules/到vendor/.

如果有人知道如何正确配置早午餐以在 Phoenix 应用程序中使用 Tailwind，任何帮助将不胜感激。

我确实有这个工作，所以显然搞砸了一些东西，但无法发现什么。

我正在尝试部署到 AWS beanstalk，但在日志中出现以下错误：

我正在使用 Webpack 编译顺风。Nodejs & Yarn 安装正常。

应用程序/javascript/packs/application.js

app/javascript/css/application.css & app/javascript/css/tailwind.js

两者都包含https://tailwindcss.com/docs/configuration中列出的代码

.postcssrc.yml

我已经通过NODE_ENV=production webpack在eb deploy. 又试了一次，但没有骰子。

我有一个非常基本的 VueJS 侧边栏组件。我也在使用TailwindCSS。

我有一个带有按钮的导航组件。单击该按钮会发出一个名为“toggle”的事件，触发我侧边栏上的“toggle”方法。

我的侧边栏在移动设备上关闭，并使用 TailwindCSS 响应式实用程序在桌面上打开。

在我的侧边栏组件中，我希望能够根据其当前状态打开/关闭（设置边距/flex-grow/shrink）侧边栏。我可以使用 VueJS 和绑定类来设置这些属性，但它永远不会同时工作，因为一个默认打开而另一个关闭 - 我怎么知道设置边距或删除它？

下面是我非常基本的组件。请原谅我无法正确格式化最后一个大括号的格式。

我怎样才能做到这一点？

我有一个 django 博客项目，它在实时服务器上启动并运行。

我正在使用 TailwindCSS 框架，作为其中的一部分，我遵循了有关设置 Gulp 的广泛教程。我正在尝试响应式设计，但是当我添加例如：

当我在 Chrome 开发工具中更改窗口时，只有一个（有时是两个，但不是全部三个）响应式 bg 元素真正起作用。我曾尝试清除浏览器缓存，因为我知道这有时会导致问题。这让我觉得我的设置不正确，然后我意识到我对 gulp 的理解需要改进。

我有根静态文件夹作为我的 gulp 输出和 collectstatic 的收集点，我的项目结构如下：

.gulp 文件：

我很欣赏这个文件的布局，我的结构有点乱。

如果不在命令行中调用“gulp”，我的 Tailwind 样式大部分都可以正常工作。我的问题是：

1. 当我调用 gulp 时，为什么我的静态文件夹中没有输出？需要进行哪些更改以确保其有效？例如：我的 django 模板应该通过 html 管道拉出。

2. 当我调用 collectstatic 时，这会更新 /static 中的 css 文件（因此根 static 中的两个 CSS 文件。使用 gulp 和 collectstatic 有什么区别，如何将它们一起使用？

3. 我应该在什么时候使用 gulp 和 gulp start？我觉得我已经付出了很多努力来实现这一点，但这只是浪费在我身上:-(

4. 我在使用 TailwindCSS 响应属性时遇到的问题是否与我的 gulp 设置或缺少 gulp 使用有关？

非常感谢，大卫

我有一个在 Rails 5、Ruby 2.4 中构建的网络应用程序。我使用 Tailwindcss 作为我的设计框架。

我有一张英雄图片（下图），其中我使用像警报一样的顺风作为横幅来宣传新的网上商店的商品。它恰好位于我希望它成为英雄的位置，但是在页面滚动时它浮动在我的固定导航上，并且在导航菜单下拉的移动视图中它浮动在它的上方，阻塞了导航视图。

我不太清楚如何解决这个问题，所以它位于导航后面并且不会阻碍导航功能。

链接到用于查看 Loadlead 网站的网站

我的英雄形象代码：

这里的任何帮助将不胜感激！