问题标签 [stylus]

我刚开始使用 Stylus，它看起来很不错。我什至发现了一个看起来很好用的语法荧光笔扩展。

有谁知道是否可以使用自动完成功能？

谢谢大家！

尝试将其用作 .styl 文件时，我遇到了 WordPress style.css 文件的问题。到目前为止，当我将它从 .css 更改为 .styl 时，来自 212 的 style.css 是唯一有效的。

因此，例如，当我将 style.css 从主题211或ElegantThemes的Nimble复制粘贴到 .styl -文件时，它不会编译，并且我从 CodeKit 收到错误：

如果我从它周围删除所有 CSS，错误只会跳转到另一行代码。如果我使用 css2stylus.com 从 CSS 制作 Stylus，我也会遇到类似的错误。

所以对你们比我聪明的人来说：

1. 如何调试 Stylus？有什么聪明的方法吗？如果它只是复制粘贴的 CSS，如果它被编译为 .styl 会怎样？
2. 除了使用使用 Stylus 和原始 CSS 制作的文件加载单独的文件之外，有什么方法可以通过不编译来使 style.css 文件正常工作？
3. 您是否认为 ie SASS 不太可能发生此类问题？

因此，对于任何使用 Stylus 和 WordPress 的人来说，分享一些想法会非常好！

非常感谢。

我有很多 css 文件，并且经常出现：

我正在使用手写笔。
有一天，我的老板让我将媒体查询更改为：

现在我需要搜索我的所有文件并替换为新的媒体查询。

是否有任何选项可以将此媒体查询放入 mixin 或其他东西中？

我有一个与卓别林一起吃早午餐的应用程序。我想使用 Twitter Bootstrap，但由于它是用 LESS 编写的，我更愿意切换到手写笔版本。幸运的是，那里有一个 bootstrap-stylus node_module。所以我通过npm install bootstrap-stylus. 但是我如何引用模块内的手写笔文件呢？正在做

不起作用。也不附加/lib/bootstrap路径。

我"bootstrap-stylus": ">= 0.2"在我dependencies的package.json文件里，但还是不行。有任何想法吗？谢谢。

我有一个在 Express 服务器上使用 Nib 和 Stylus 的项目，经过一些更改，从 .styl 到 .css 的编译过程不再起作用，我正在查看 Nib、Stylus 和 Express 的文档，但找不到回答问题，因为我的代码、文件目录和设置似乎没问题。但仍然没有编译。

代码：

在查看文档、Github 问题后，我无法理解为了停止工作而进行了哪些更改。所以，我的问题是，我应该如何或寻找什么来尝试解决这个问题？

我在这里先向您的帮助表示感谢。

编辑：我试图实施 user1737909 的建议。使用类（即，.pie.size-{size}:BEFORE）而不是属性选择器（即，.pie[data-value={size}]:BEFORE）已经让我通过了第一步，并且不会阻止加载 .css 文件。不幸的是，由于难以将字符串连接到手写笔中的变量，我无法设置旋转量。以下都不起作用。什么是正确的语法？

如果做不到这一点，是否有人对制作 css/html 仪表有任何想法？

我正在 CSS 中制作一个径向仪表，它将显示在 mixin 中的每个帖子上。我以这段代码在 CSS 中制作饼图为例。设置饼图楔形的值就像更改以下代码中的“数据值”一样简单：

不幸的是，代码对应于静态 css：

这适用于静态插图，但我的页面将有各种不同大小的楔形。最简单的解决方案是为所有 360 度创建新条目，但这似乎是一个糟糕的主意。

我的想法是在我设置“数据值”的同时为翡翠混合中的每个仪表定义样式。就像是：

不幸的是，要设置的样式不是'.pie'，而是'.pie:BEFORE'。有什么方法可以在 mixin 中使用这个伪元素设置样式吗？

或者有没有办法在手写笔中解决这个问题？我正在开发的网站是一个新闻聚合器，任何用户都会看到几十个甚至上百个这样的仪表。在这样的环境中，我会在不太长的时间内将所有 360 集作为 css 的一部分简单地传输并在将来在缓存中引用它们会更好吗？

提前致谢。

在我看来，我错过了一些东西。是否有可能在 Grunt 中为 Stylus 或 RequireJS 制作子任务？我的意思是这样的：

对我来说它不起作用。但是，当我写：

它工作正常，创建文件等等......那我做错了什么？

I'm using Sinatra, and I'm trying to use Slim for the HTML and Stylus for the the CSS.

I'm unsure of what the correct way to do this is. What I've got at the moment works (locally, I've not tried deploying), but I'm wondering if this is the most efficient way of doing things.

My layout.slim file has:

.. in the head. Is this the best way using Stylus stylesheets, or should I set up a /style path in the sinatra app.rb?

My code is below:

This is my app.rb

In the views folder, I have a layout.slim which looks like this

An index.slim which looks like this

In the same folder as app.rb, I have style.styl:

我喜欢用它来区分 css 中一个类的不同关注点。

例子：

到目前为止还不错。就我个人而言，我发现这种方法易于阅读，易于维护且易于开发。但是是否有任何可用的机制/工具可以在自动部署之前将一个类的所有规则合并到一个单一的类声明中？

期望的结果：

编辑：阅读评论后，我觉得我的“人造”示例不够全面。下面是一个用 Stylus 语法编写的真实示例，但结果与上述相同。我将上面的原始示例留在原处。下一个示例以单个文件的形式存在，该文件描述了某个区域的外观及其出现在站点不同位置的内容。这就像那个地区的一个缩影。因此，您可以想象还有更多这些缩影。

为什么这在 Stylus 中不起作用？

在 Sass 中运行良好