问题标签 [lesshat]

我曾尝试与lesshat 合作。我已将lesshat.less mixins 库上传到我的项目根文件夹。并创建了 1 个 .less 文件 - lesshat-tests.less 只有一个选择器和 mixin 调用。

我尝试使用 Webstorm 少 css 编译器插件编译该文件，并使用 node.js 模块少命令 lessc。Lessc 生成空文件，webstorm 插件生成错误，告诉插件无法评估 JS 函数。

我看到这个 mixin 使用了一些函数。但我无法获得任何关于在 less 中使用 JS 的信息。请帮帮我。

我想让流行的 LESS 库 LessHat 可用于我的早午餐模板，但我希望以一种我能做到的方式完成它：

• 利用 Bower 集成，让我始终拥有最新的
• 我不想将库转译为 CSS，我希望 LESS 可用于我自己的自定义 LESS 文件

这可能吗？一步太远了？显然，将静态 LESS 文件放入我的app/stylesheets目录并不难，但这会使链接成为静态的，而且我没有得到非常巧妙的 Bower 集成。

我有一个奇怪的问题：我建立的网站使用的是 flexbox 和 LESSHAT。我遇到的奇怪的事情是它没有正确渲染，即 flexbox 的东西似乎被省略了。

但是，如果我按 F12 并重新加载它呈现的页面是应该的。

怎么了？

更新- 这是代码：

样式 CSS 是从此 LESS 文件编译的：

在 grunt-contrib-stylus 中有一个导入选项：

进口

类型：数组

将给定的手写笔包导入每个已编译的 .styl 文件中，就好像您在每个所述文件中都写了“@import '...”一样。

如何在 grunt-contrib-less 中使用 lesshat 做同样的事情？

谢谢

我对LESS比较陌生。这令人印象深刻，到目前为止我真的很喜欢使用它，但我很想知道：我可以使用 mixin 函数产生的结果并将它们与字符串连接起来吗？我包含了一个 LESShat 示例，它提供了许多 Mixin 函数，包括一个生成关键帧动画的函数。问题是关键帧函数需要传递一个包含属性的字符串，我想使用 LESShat 库中的其他 mixin 而不是 css 属性来生成这样的关键帧动画。

原始 .less 文件：

生成的 .css 文件：

显然不是我想要的，因为关键帧动画仍然包含倾斜函数，而不是倾斜函数返回的值。我相信问题可能是我试图从字符串内部的 LESShat 传递其他混合。那么，LESS 中是否有某种连接字符串和混合函数的方式？请记住，我是 LESS 的新手。我宁愿不必编写自己的跨浏览器转换。如果这一切都可以使用 LESS 实现自动化，那我会很酷。我显然做错了。

以下链接描述了 LESShat 中的 .keyframes 和 .skew 函数，但我没有看到关于混合提到的两者。也许我不知何故错过了那部分。 https://github.com/madebysource/lesshat/blob/master/README.md

以下示例使用 LESS HAT Mixin Lib 3.0.2：

我不太确定这里的答案是否是最好的解决方案： CSS Less mixins for keyframes

我正在寻找一种方法来适应多个 mixin keyframes。

我的错误：

我正在使用 vue.js webpack ...请给我一些建议以摆脱这个错误...