问题标签 [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 投票
4 回答
3235 浏览

javascript - 如何使用 Stylus CSS 生成随机颜色?

我使用 Express for Node.js,我使用的 CSS 引擎是 Stylus。手写笔很棒,但我似乎无法弄清楚如何传递颜色变量或以其他方式生成随机颜色。我尝试将 javascript API 用于手写笔,但我只是让自己感到困惑,并且可能使事情过于复杂。

然后在我的手写笔表中我这样做:

但是,我收到以下错误:

预期 RGB 或 HSL 值,得到一个字符串 #5f5

我一生都无法弄清楚如何将颜色变量从javascript正确传递到手写笔表中。

编辑:

这是我的 app.js 文件:https
://gist.github.com/4345823 这是我的 Stylus 文件:https ://gist.github.com/4345839

0 投票
1 回答
1089 浏览

css - 手写笔 - 添加百分比

我在使用Stylus时遇到问题。我只是想创建一个函数,它返回给定 span 的列的宽度n。这是我的代码:

问题是 when n= 2 我期望column-span返回31%,但它反而返回30.3%

经过反复试验,我注意到即使这段代码也符合30.3%

我不确定这里发生了什么。

0 投票
1 回答
246 浏览

css - Node.js Stylus Interpolation 未呈现文档中显示的样式

我正在尝试使用手写笔运行供应商特定的 css mixin,我直接从文档中获取了这个,但它似乎根本没有渲染 css。有什么想法吗?

应该可以工作,但是在呈现样式表时没有border-radius 属性?

此外,只做 mixin 工作正常

渲染:

正如预期的那样。对此有什么想法吗?

谢谢

0 投票
1 回答
1146 浏览

express - 如何将 Yeoman 与 Express/Jade/Stylus 一起使用?

我最近发现了 Yeoman,发现它在改进工作流程方面非常有用。但是,我注意到它似乎只关注客户端项目?ExpressJS 是一个似乎被遗漏的流行框架?

但是,我仍然认为可以将它集成到 Yeoman 中,也许使用自定义生成器?有没有类似的东西已经可用?如果不是,我该如何开始?

它不会那么简单,与 Express 一起,我将使用 Jade/Stylus,Express 用于预编译 HTML 和 CSS 的默认设置。

0 投票
4 回答
3118 浏览

express - Express 中的触控笔中间件不起作用?

app.coffee我有

我将样式包括在以下内容中layout.jade

但是在 Chrome 网络选项卡中,我看到为 styles.css 取消了,这是为什么?

当我将浏览器直接指向时/css/styles.css,我得到

Cannot GET /css/styles.css

怎么了?我该如何解决?

0 投票
1 回答
242 浏览

ant - 将手写笔文件编译为普通 css 文件的 Ant 任务?

我正在尝试在使用 ANT 构建的项目中使用手写笔。

在打包war之前,我需要将stylus文件编译为普通的css。

有办法吗?

注意:我没有使用 node.js,它是一个简单的 java web 应用程序

0 投票
1 回答
188 浏览

jquery - 如何在node.js express中并排显示2个目录列表

场景:客户端可以上传到2个目录

想要的结果:客户可以并排看到两个目录的列表

我是这些的新手。

  1. 几个 jquery 列表框小部件来显示目录列表
  2. 新条目是否可以自动显示或仅限于点击“刷新”按钮的客户?

这可行/可能吗?

npm 中是否有已经完成上述部分功能的软件包?

感谢您的任何/所有意见/想法。

0 投票
3 回答
2371 浏览

node.js - 使用 Node 和 Connect 设置 Stylus 中间件时遇到问题

我正在尝试设置 Stylus 中间件,但没有成功。该文档不适合初学者或 Nodejs 新手。我猜想我需要创建一个使用手写笔中间件的小型迷你 Node 应用程序。但是,即使在该页面上设置了简单的设置,我也无法使其正常工作。这是我所做的:

当然,我已经安装了节点和手写笔。然后我创建了一个文件 stylus-middleware.app。到目前为止,我已经添加了以下代码(基于文档中最简单的示例):

当我尝试运行简单的应用程序时,我收到以下错误:

我做了一个网络搜索,发现connect()是一个与nodejs的连接插件相关的函数,所以我尝试安装它,但我得到的错误是一样的。所以我很难过......我对nodejs的工作原理知之甚少,还不知道这里发生了什么。

任何建议将不胜感激!

更新

经过一番折腾,我了解了如何设置手写笔中间件并将其链接到连接服务器。但是,我的代码仍然无法正常工作。我没有收到任何错误,但手写笔没有编译位于应用程序目录中的 .styl 文件(即在 __dirname 中)。这是现在的应用程序代码:

如果有人知道这里缺少什么或有一些建议,我很想听听一些想法......

0 投票
2 回答
5225 浏览

css - Stylus 变量范围如何跨文件工作?

理想情况下,我想设置一个文件“colors.styl”,我可以在其中定义整个站点使用的所有颜色,如下所示:

当我尝试在其他文件中访问这些变量时,我只是取回变量名而不是解析值:

我正在按顺序编译文件,所以 colors.styl 排在其余部分之前。变量是否会在 Stylus 中的文件中失去作用域?

0 投票
2 回答
2021 浏览

html - Netbeans的手写笔CSS突出显示插件?

Stylus CSS 预处理器很棒,但是因为我以前在 Netbeans 中编码,所以如果没有颜色突出显示就很难编码。是否有任何适用于 Stylus 的 Netbeans 插件?有的话就完美了!

谢谢