问题标签 [tailwind-css]
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.
css - Angular 4 TalwindCSS 设置
有没有办法用 Angular (4+)配置TailwindCSS ?
我很高兴退出 Angular 项目,让 webpack 配置可用。但是我不确定要放入什么,webpack.config.js
以便 TailwindCSS 可以很好地与 Angular 的内部配合使用。
最好有这样的设置,这样我仍然可以对 dev 使用单个命令(类似于npm start
),并继续监视文件更改(包括 CSS)。构建项目也是如此。
visual-studio-code - 如何将@tailwind CSS 规则添加到 CSS 检查器
Tailwind@tailwind
在标记为未知的规则处添加css。我怎样才能避免这个错误?
例如styles.css
@tailwind preflight;
@tailwind utilities;
css - 如何用顺风css填充视口的高度
我只是在尝试 Tailwind CSS,想知道如何填充视口的高度。
从文档中获取这个示例 HTML
如何让它伸展到屏幕底部?
css - 如何让 Tailwind.css 与 Gatsby.js 一起工作?
有没有人设法让Tailwind.css与Gatsby.js一起工作?
使用 Gatsby 配置 postCSS 插件有点棘手......如果有人设法让 Tailwind 与 Gatsby 一起运行,我很想知道如何!
sass - 使用早午餐将 TailwindCSS 添加到 Phoenix
我无法弄清楚如何将不是专门为与早午餐一起使用而构建的 npm 包添加到我的 elixir/phoenix 项目中。
我不想做的一件事是将文件手动复制node_modules/
到vendor/
.
如果有人知道如何正确配置早午餐以在 Phoenix 应用程序中使用 Tailwind,任何帮助将不胜感激。
amazon-web-services - 使用 Rails 5.1 在 AWS Beanstalk 上编译 tailwindcss 时遇到问题
我确实有这个工作,所以显然搞砸了一些东西,但无法发现什么。
我正在尝试部署到 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
. 又试了一次,但没有骰子。
javascript - 使用 VueJS 更改组件边距
我有一个非常基本的 VueJS 侧边栏组件。我也在使用TailwindCSS。
我有一个带有按钮的导航组件。单击该按钮会发出一个名为“toggle”的事件,触发我侧边栏上的“toggle”方法。
我的侧边栏在移动设备上关闭,并使用 TailwindCSS 响应式实用程序在桌面上打开。
在我的侧边栏组件中,我希望能够根据其当前状态打开/关闭(设置边距/flex-grow/shrink)侧边栏。我可以使用 VueJS 和绑定类来设置这些属性,但它永远不会同时工作,因为一个默认打开而另一个关闭 - 我怎么知道设置边距或删除它?
下面是我非常基本的组件。请原谅我无法正确格式化最后一个大括号的格式。
我怎样才能做到这一点?
css - 带有 TailwindCSS 设置问题的 Gulp - Django 项目
我有一个 django 博客项目,它在实时服务器上启动并运行。
我正在使用 TailwindCSS 框架,作为其中的一部分,我遵循了有关设置 Gulp 的广泛教程。我正在尝试响应式设计,但是当我添加例如:
当我在 Chrome 开发工具中更改窗口时,只有一个(有时是两个,但不是全部三个)响应式 bg 元素真正起作用。我曾尝试清除浏览器缓存,因为我知道这有时会导致问题。这让我觉得我的设置不正确,然后我意识到我对 gulp 的理解需要改进。
我有根静态文件夹作为我的 gulp 输出和 collectstatic 的收集点,我的项目结构如下:
.gulp 文件:
我很欣赏这个文件的布局,我的结构有点乱。
如果不在命令行中调用“gulp”,我的 Tailwind 样式大部分都可以正常工作。我的问题是:
当我调用 gulp 时,为什么我的静态文件夹中没有输出?需要进行哪些更改以确保其有效?例如:我的 django 模板应该通过 html 管道拉出。
当我调用 collectstatic 时,这会更新 /static 中的 css 文件(因此根 static 中的两个 CSS 文件。使用 gulp 和 collectstatic 有什么区别,如何将它们一起使用?
我应该在什么时候使用 gulp 和 gulp start?我觉得我已经付出了很多努力来实现这一点,但这只是浪费在我身上:-(
我在使用 TailwindCSS 响应属性时遇到的问题是否与我的 gulp 设置或缺少 gulp 使用有关?
非常感谢,大卫
html - 悬停在固定导航上的 tailwindcss 警报
我有一个在 Rails 5、Ruby 2.4 中构建的网络应用程序。我使用 Tailwindcss 作为我的设计框架。
我有一张英雄图片(下图),其中我使用像警报一样的顺风作为横幅来宣传新的网上商店的商品。它恰好位于我希望它成为英雄的位置,但是在页面滚动时它浮动在我的固定导航上,并且在导航菜单下拉的移动视图中它浮动在它的上方,阻塞了导航视图。
我不太清楚如何解决这个问题,所以它位于导航后面并且不会阻碍导航功能。
链接到用于查看 Loadlead 网站的网站
我的英雄形象代码:
这里的任何帮助将不胜感激!