问题标签 [tailwind-css]

I thought flexbox makes its children having same height, meaning all children will be as tall as the highest (tallest) child and parent makes this by having default value of align-stretch for cross axis (if it is flex-row). In my case it is not like so. I have following pen: Codepen link

• Note that taller element (background red) is not having same height as the blue element.

• I am using tailwind.css here, but I think code is self explanatory.

我第一次尝试使用 TailwindCSS，我正在尝试自定义下面寺庙最后一行的表格。

https://www.tailwindtoolbox.com/templates/admin-template-demo.php

我想在标题的右侧添加一个圆圈。就像是

我尝试了不同的解决方案，其中一个更接近我想要的解决方案是

它将绿点放在下边界上。显然float-right不是正确的方法，但我想不出办法让它发挥作用。

有任何想法吗？

package.json：

错误：

我正在研究一个位于 ITCSS 和 Tailwind 之间的内部 CSS“框架”/方法。

我们使用了很多实用程序类，但有时实际的类名太长，我们希望将其提取到自己的类中。

这是一个伪示例：

我想做什么：

我知道应该避免使用@extend，所以希望不要使用该方法。

有没有一个 webpack 插件可以让你使用 @extend 没有问题？

或者，有谁知道 Adam Wathan 如何创建 @apply 指令：https ://tailwindcss.com/docs/extracting-components/#extracting-utility-patterns-with-apply

取自文档，他可以这样做：

这是他编写的 SASS 函数吗，如果有的话，有什么关于如何创建类似函数的信息吗？

谢谢。

当我在 Chrome 中查看此站点并使用开发工具查看移动站点时，它正确显示为 1 列，但从 iPhone 查看时仍为 2 列？

如何将 div 与 Tailwind 垂直对齐？我想要的是：

我目前拥有的：

HTML

CSS

我已经成功地以 class 为中心在辅助轴（左右）上items-center。阅读文档，我尝试过，align-middle但它不起作用。我已经确认 div 具有全高和my-auto.

我正在使用这个版本的 Tailwind：https ://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css

这是一个 JSFiddle：https ://jsfiddle.net/7xnghf1m/2/

我的网站有一个问题，我试图使用 flexbox 和 tailwind 以及 flex-row sm:flex-col 使其响应，并且它不是仅在行中输出奇怪的列。请记住，我正在使用 Swiper 进行幻灯片放映。

到目前为止，这是我的代码

我有一个 Webpack + Angular 项目，我希望在组件样式旁边有一个单独的全局样式表，类似于 angular-cli 开箱即用的功能。我正在为组件样式使用 sass，并希望拥有一个全局顺风构建的样式表。我希望使用 MiniCssExtractPlugin 之类的东西将全局样式模块提取到头部。问题是我在尝试执行此操作时收到“未定义窗口中的错误”。这是我的 webpack 样式配置，它按预期加载组件样式：

为了添加一个全局 tailwind 模块，我添加了另一个指向 sass 文件的 webpack 条目：

和 postcss 加载器像这样：

构建项目时出现“未定义窗口中的错误”。我的配置有什么问题？

所以我设计了这个顺风 CSS 导航栏，但是我在向它添加标签时遇到了麻烦。这是我的导航栏的链接。希望有人可以帮助添加一些下拉菜单，以便我可以在我的项目中使用它。我已经尝试了所有可能的方法，但似乎很难。我什至尝试过使用其他组件。无论如何，我无法让这个导航栏正常工作。我需要将导航栏从静态更改为响应模式，但它目前无法正常工作。任何意见，将不胜感激！！

我应该如何处理作为 Tailwind 组件的响应式断点？

如果没有 Tailwind，我曾经将断点声明为 scss mixins：

然后：

我知道 Tailwind 有响应式实用程序类来内联使用它，md:color-red但我需要将此断点抽象为组件，如上例所示。

我应该如何从 Tailwind 配置文件中提取 Tailwind 断点？