问题标签 [stylus]

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.

0 投票
10 回答
10613 浏览

css - Stylus CSS 媒体查询中的变量

我已经尝试了所有方法,但无法让 Stylus CSS 预处理器在媒体查询中使用变量。

例如这不起作用:

有人知道怎么做吗?

0 投票
1 回答
1361 浏览

css - 当 mixin 函数是参数时,如何在 Stylus 中进行透明的供应商混合?

为类似的属性制作 mixinborder-radius很容易:

但是,如果我想创建一个透明的供应商 mixinlinear-gradient怎么办?不像border-radius,linear-gradient不是属性而是参数,例如

我想我必须创建一个名为 mixinbackground-image并检查第一个参数是否为linear-gradient. Stylus 能做到如此高级的逻辑吗?如果是这样,我怎样才能完成我想做的事情?

感谢您对此事的任何帮助。

0 投票
2 回答
807 浏览

node.js - Stylus 仅在加载索引页面时重新编译 .styl 文件

我最初在尝试设置 Stylus 时非常沮丧,因为我会调整我的srcdest设置,重新启动 Node,刷新,并且 Stylus 没有编译。这是在类似的页面上http://localhost:3000/tasks。但是,srcanddest路径是正确的,当我重新启动 Node 并尝试加载索引页面时http://localhost:3000,Stylus 将正确编译。

所以现在我发现它可以正确编译,但只能从主页 URL,我想知道我是否设置了错误,因为在我从主页刷新之前,对 .styl 文件的任何更改都不会更新,而不是任何 GET 参数页面。

我描述的是正常过程吗,或者如果 Stylus 注意到.styl文件中的更改,无论您的 URL 是什么,都应该重新编译?

0 投票
1 回答
7513 浏览

node.js - Node.js Express - 如何将 Stylus .styl 文件编译成 CSS

我正在尝试从 Balloons (http://balloons.io) 开始构建一个应用程序,它使用 Backbone.js 和 express 来设置 UI。我从来没有使用过这些框架,而且我很难真正做出改变。

据我了解, .styl 文件被编译成 CSS 文件。我该如何做这个编译?

0 投票
1 回答
153 浏览

css - 手写笔在 --watching 时呈现空白文件

我只是在一个简单的项目上设置手写笔并运行这个命令

它第一次运行良好,它确实意识到我更新了源文件但它在目标中保存了一个空白文件。

有任何想法吗?

我正在使用节点 v0.6.21 - 我尝试过使用和不使用 --compress 是否有任何区别

编辑

我知道您可以以各种方式编写命令,但我认为不是这样。

也有同样的问题

0 投票
4 回答
7543 浏览

css - 可选的子选择器,带有 CSS/Stylus/LESS:.aa > .bb? > .cc

考虑这个带有 CSS 类aabbcc的 HTML :

我可以class=cc像这样选择标签:.aa > .bb > .cc. 但是,在我的情况下,有时.bb标签不存在,即 HTML 看起来像这样:

因此,要选择所有.cc接近 的.aa,我需要指定两个 CSS 路径:

这行得通,但是,没有更短的方法吗?与此类似的东西:

使用 CSS 或 Stylus 或 LESS 之类的东西?

动机:在现实世界中,“aa”和“bb”和“cc”的名字有点长,“aa”和“cc”前后的东西更多,不需要重复就好了那些东西。

请注意:在我的情况下,这不起作用:.aa .cc因为那会匹配页面上其他地方的太多.ccs 。.ccs 需要紧接在或.aa之下.aa > .bb

0 投票
2 回答
104 浏览

javascript - 防止 makefile 重新编译源文件

这是我的生成文件:

这个示例每次都会编译,因为 CSS 文件不/永远不会存在,因为我正在构建/build. 如何构建到另一个目录而不重新编译源代码?

谢谢!

0 投票
1 回答
1125 浏览

node.js - 将 Stylus 文件输出到 express3 中的自定义目录

我有我的项目,并且正在将一些代码从 express2.5.7 移植到 express3.0.3。我认为这几乎是 1:1 传输,但我遇到了无法将我的手写笔文件编译到我指定的目录的问题。这是我的基本 app.js 设置:

我已经测试了app.configure这些东西,它正在通过正确的方法('dev'和只使用一个函数的配置)

0 投票
1 回答
384 浏览

asset-pipeline - 无法将 Stylus @import 与 Rake 管道一起使用

我有一个简单的 Rake Pipeline 设置,它只使用 rake-pipeline-web-filters gem 在我的 .styl 文件上运行“stylus”。(原始管道做得更多,但我已将其精简为这个问题的基本要素。

这适用于将单个 .styl 文件转换为单个 .css 文件。

但是,我无法使用 Stylus @import 命令将一个文件导入另一个文件(对于 mixins 等是必需的。相反,我得到了错误

所有 styl 文件都在同一个文件夹中,当我使用 npm 版本在命令行上执行 stylus 时,导入工作正常,因此没有语法错误。

这只是 rake-pipeline-web-filters 中的 Stylus 过滤器中缺少的东西,还是我可以做些什么来使它工作?

0 投票
1 回答
1122 浏览

stylus - 手写笔中的-webkit-filter

任何机会在手写笔中使用它:

没有

谢谢