问题标签 [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.
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
css - 手写笔 - 添加百分比
我在使用Stylus时遇到问题。我只是想创建一个函数,它返回给定 span 的列的宽度n
。这是我的代码:
问题是 when n
= 2 我期望column-span
返回31%
,但它反而返回30.3%
。
经过反复试验,我注意到即使这段代码也符合30.3%
:
我不确定这里发生了什么。
css - Node.js Stylus Interpolation 未呈现文档中显示的样式
我正在尝试使用手写笔运行供应商特定的 css mixin,我直接从文档中获取了这个,但它似乎根本没有渲染 css。有什么想法吗?
应该可以工作,但是在呈现样式表时没有border-radius 属性?
此外,只做 mixin 工作正常
渲染:
正如预期的那样。对此有什么想法吗?
谢谢
express - 如何将 Yeoman 与 Express/Jade/Stylus 一起使用?
我最近发现了 Yeoman,发现它在改进工作流程方面非常有用。但是,我注意到它似乎只关注客户端项目?ExpressJS 是一个似乎被遗漏的流行框架?
但是,我仍然认为可以将它集成到 Yeoman 中,也许使用自定义生成器?有没有类似的东西已经可用?如果不是,我该如何开始?
它不会那么简单,与 Express 一起,我将使用 Jade/Stylus,Express 用于预编译 HTML 和 CSS 的默认设置。
express - Express 中的触控笔中间件不起作用?
在app.coffee
我有
我将样式包括在以下内容中layout.jade
:
但是在 Chrome 网络选项卡中,我看到为 styles.css 取消了,这是为什么?
当我将浏览器直接指向时/css/styles.css
,我得到
Cannot GET /css/styles.css
怎么了?我该如何解决?
ant - 将手写笔文件编译为普通 css 文件的 Ant 任务?
我正在尝试在使用 ANT 构建的项目中使用手写笔。
在打包war之前,我需要将stylus文件编译为普通的css。
有办法吗?
注意:我没有使用 node.js,它是一个简单的 java web 应用程序
jquery - 如何在node.js express中并排显示2个目录列表
场景:客户端可以上传到2个目录
想要的结果:客户可以并排看到两个目录的列表
我是这些的新手。
- 几个 jquery 列表框小部件来显示目录列表
- 新条目是否可以自动显示或仅限于点击“刷新”按钮的客户?
这可行/可能吗?
npm 中是否有已经完成上述部分功能的软件包?
感谢您的任何/所有意见/想法。
node.js - 使用 Node 和 Connect 设置 Stylus 中间件时遇到问题
我正在尝试设置 Stylus 中间件,但没有成功。该文档不适合初学者或 Nodejs 新手。我猜想我需要创建一个使用手写笔中间件的小型迷你 Node 应用程序。但是,即使在该页面上设置了简单的设置,我也无法使其正常工作。这是我所做的:
当然,我已经安装了节点和手写笔。然后我创建了一个文件 stylus-middleware.app。到目前为止,我已经添加了以下代码(基于文档中最简单的示例):
当我尝试运行简单的应用程序时,我收到以下错误:
我做了一个网络搜索,发现connect()是一个与nodejs的连接插件相关的函数,所以我尝试安装它,但我得到的错误是一样的。所以我很难过......我对nodejs的工作原理知之甚少,还不知道这里发生了什么。
任何建议将不胜感激!
更新
经过一番折腾,我了解了如何设置手写笔中间件并将其链接到连接服务器。但是,我的代码仍然无法正常工作。我没有收到任何错误,但手写笔没有编译位于应用程序目录中的 .styl 文件(即在 __dirname 中)。这是现在的应用程序代码:
如果有人知道这里缺少什么或有一些建议,我很想听听一些想法......
css - Stylus 变量范围如何跨文件工作?
理想情况下,我想设置一个文件“colors.styl”,我可以在其中定义整个站点使用的所有颜色,如下所示:
当我尝试在其他文件中访问这些变量时,我只是取回变量名而不是解析值:
我正在按顺序编译文件,所以 colors.styl 排在其余部分之前。变量是否会在 Stylus 中的文件中失去作用域?
html - Netbeans的手写笔CSS突出显示插件?
Stylus CSS 预处理器很棒,但是因为我以前在 Netbeans 中编码,所以如果没有颜色突出显示就很难编码。是否有任何适用于 Stylus 的 Netbeans 插件?有的话就完美了!
谢谢