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

css - CSS Calc() 的替代品?LESS 或 SASS 可以对像素进行百分比计算吗?

我一直在寻找一种在不使用 calc() 的情况下对像素进行百分比计算的方法。我希望能够使用 calc,但目前移动 safari (ios) 在 ios6 之前不支持它。有没有办法在LESS中做到这一点?我知道你可以做计算,但据我所知,你不能做 100% - 20px 之类的事情。有什么建议么?

0 投票
1 回答
1906 浏览

pug - 是否可以在 Jade 文件中使用内嵌 Stylus 代码的 Stylus 插件?

我希望能够创建一个网页临时文件目录,其中每个文件都是一个独立的页面。

使用常规的 HTML/CSS/JS 这很容易:

使用 Jade/Stylus/CoffeeScript 也同样简单:

问题是,以这种方式使用 Stylus 插件没有明确的方法。具体来说,我想使用colorspaces.jsnib更有效地试验颜色:

我目前正在使用的解决方法


你可以通过改变这些行来分叉 Jade :

如果您安装 Jade 的依赖项(我必须npm install commandernpm install mkdirp),您可以导航到/jade_fork/bin/并执行./jade name_of_file.jade.


但出于维护原因,我更愿意留在 Jade 的主要分支上。

0 投票
2 回答
2805 浏览

bash - Inotifywait 不运行命令

我有一个名为 watch.sh 的基本 inotifywait 脚本和一些以 .styl 结尾的文件,位于同一目录中。这是脚本,它捕获更改,但不执行 do/done 中的代码

我喜欢它sh watch.sh,这是脚本

我尝试echo "hi"在 exec 部分中,但没有执行

0 投票
1 回答
700 浏览

node.js - dev environment for jade/haml, sass/stylus and coffee (maybe AMD) - nodejs

I've recently switched from jsfiddle to codepen.io - after a long look at all possiblities - and am enjoying it

I'd like to replicate a similar environment locally, building ideally jade/stylus/coffee, but equivalents of the first two are okay. Ideally Node.js based. Something like brunch.io is abstracted a little too far for my desires.

Well, ideally I'd like a SaaS IDE offering a Chocolat style environment and managing the file system and build process (know any?) but I can't think of anything ;-)

So, to bring it back to a question - does anyone know a starter kit, bundling together the appropriate node modules, a simple scaffold, and appropriate watch commands into one?

It's something I can build myself - but thought best to see if there is anything I can leverage.

... I might also have another plan with brunc

0 投票
1 回答
978 浏览

node.js - 手写笔、NodeJS 和 Nodemon

我在我的 nodejs 应用程序中使用手写笔(不是 express,只是普通节点)。我还使用nodemon来监视更改并在不重新启动我的应用程序的情况下应用它们。我有一个运行我的应用程序的小 sh 脚本:

如您所见,如果在运行应用程序之前找到了手写笔,脚本会将其编译为 css。这是编译手写笔样式的正确方法吗?或者我应该在我的代码中使用 js 库吗?

此外,由于它是在运行应用程序之前编译的,因此更改 *styl 显然不会在不重新启动应用程序的情况下反映出来。

有什么办法可以做到这一点?更改文件时设置手写笔编译而不重新启动应用程序?

0 投票
2 回答
2195 浏览

node.js - 节点应用程序变量传递到手写笔文件

我正在构建一个小节点应用程序,并使用 Express with Jade 和 Stylus 来呈现一些基本的 HTMl 页面。

我很好奇是否有办法将一些变量传递到从 Node 生成的 .styl 文件中?我很清楚我可以在 .styl 文件中定义变量,但我需要更加动态。具体来说,我正在寻找一种简单的方法来在数据库中存储一些颜色,让节点获取这些值,然后将它们插入到 .styl 文件中,以便在呈现页面时传递这些变量。看起来应该这样做-可以,但我缺乏细节。任何帮助表示赞赏。谢谢!

0 投票
0 回答
509 浏览

stylus - stylus: --watch 自动重新编译错误的文件

就我而言,我有两个手写笔文件,包括一些 common.styl,如下所示:

主页样式

文章样式

当我设置stylus -w stylus/ -o css/和修改common.styl文件时,手写笔重新编译了article.style唯一的,homepage.styl已被忽略。

你们对此有什么想法吗?

先谢谢了。

0 投票
2 回答
1235 浏览

javascript - 是否有常见的手写笔“库”

似乎是我想做的大部分事情stylus,例如,

应该与其他人正在做的事情很常见。

是否使用了常见的stylus“库”?

0 投票
1 回答
596 浏览

node.js - 使用 Stylus 编写一个由 nginx 服务的 CSS 文件

node.js环境中,不是每次都stylus生成,而是希望将文件写入要由..css.cssnginx

似乎名称的版本控制部分,例如,client-<unixTime>.css然后nginx会很高兴并且页面缓存将正常工作。

有没有现成的工具可以帮助解决这个问题?

0 投票
1 回答
104 浏览

html - 使用手写笔功能时保持长手颜色值

我正在尝试编写一个小的 mixin 来为 Internet Explorer 创建一个过滤器渐变。该函数称为 filter-gradient 并采用 2 个颜色参数。

当您传递 #ffffff 的颜色值时,手写笔会自动将其缩短为 #fff。有没有办法维护长手版本?

谢谢