Tag: 手写笔

使用手写笔与Webpack（手表）

我开始使用一个JS应用程序，使用Babel + Webpack + Npm，我的样式是用手写笔完成的，因为我使用的是我build立的Webpack运行命令，所以我想用它来运行我通常使用的命令手写笔： stylus -u nib -w ./app/stylus/ –out ./app/stylesheets 这是我的package.json { "name": "catch-and-run", "version": "1.0.0", "description": "Catch and Run game! DOOM 1993 Inspired", "main": "./app/javascripts/main.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "build": "webpack –progress -p", "watch": "webpack –progress –watch" }, "repository": { "type": "git", "url": "git+https://github.com/Nikodermus/catch-and-run-game.git" }, […]

用Grunt构build手写笔主题

我希望我的手写笔文件接受来自grunt的variablesinput，循环variables值，并输出不同的主题CSS文件。 然后，我可以轻松地切换这样的主题。 https://stackoverflow.com/a/7847009/55124 这可能吗？ 如何设置它？ 现在我咕噜地编写我的CSS的手写笔。 但是，要生成一个不同的主题，我不得不手动改变我mainCSS.stylus文件中的我的themeNamevariables的值，并用grunt重build。

手写笔突然不能在Node.js下工作

在我们正在使用的Node.js上运行的网站上，一名同事和我在Stylus上发生了一个莫名其妙的错误。 这是我的机器上的错误： Error: [path]/buffet_modifiers.styl:308 304| .quantities-update-button { 305| background: #ECE2F4; 306| border: 1px solid #D3B6EB; 307| color: #653D9A; > 308| margin-right: ($spacing/2); 309| padding: $spacing; 310| border-radius: ($spacing/2); 311| } cannot perform $spacing / 2 对于我和我的同事，任何时候我们在Stylusvariables上运行math，都会得到这个错误。 我们得到在节点0.8.26和0.10.29下运行的错误。 现在，这里是怪异的位： 我们都在完全不同的项目上遇到这种错误，而这些项目恰好使用相同的技术。 直到昨天，这两个项目工作得很好，生产工作也很好。 恢复到这些项目的旧版本会产生相同的错误。 这些项目对我们所有的其他同事来说都很好。 在这一点上，我们都很难过。 有没有人遇到过这样的事情？ 问题可能出在我们的环境上，或者是项目中的一些细微之处，只有我们办公室的其他人才有机会接受。 但是，如果别人看到Stylus突然将conk-out连接起来，那么是什么原因造成的呢？你是怎么解决的呢？

手写笔 – 中间件不编译`styl`文件

我整合了stylus与中间件。 但是根本没有compile函数.. 1）如何使compile方法工作 2）如何更新'tcp.css'每次我更新'tcp.styl`文件修改 这里是我的代码： var connect = require('connect'), serveStatic = require('serve-static'), stylus = require('stylus'); var app = connect(); app.use(stylus.middleware({ src : __dirname + '/app/css', //inside i have tcp.styl dest : __dirname + '/app/css', //i require tcp.css force : true, compile : function(str, path) { console.log('compiled'); //not called at all.. return stylus(str, path) .set('filename', path) […]

在使用css2stylus之后，手写笔文件给出了加载资源错误的失败

我试图使用手写笔为我的nodeJs应用与快递，但浏览器无法编译我的手写笔文件到CSS。 这是我的style.styl文件（style.css文件工作时，我根本不使用手写笔）。 我使用css2stylus模块将css转换为手写笔。

用Stylus编写一个由nginx服务的CSS文件

在node.js环境中，而不是每次生成.css的stylus ，都希望将.css文件写入由nginx提供服务的目录。 似乎版本化的一部分的名称，例如client-<unixTime>.css ，那么nginx会很高兴，页面caching将正常工作。 有没有现成的工具可以帮助这个？

在玉器里，不能得到style @ font-face的作品

从工作的css文件（由字体松鼠生成）： @ font-face { font-family：'SnowTopCaps'; src：url（'/ fonts / snowtopcaps-webfont.eot'）; src：url（'/ fonts / snowtopcaps-webfont.eot？#iefix'）格式（'embedded-opentype'）， url（'/ fonts / snowtopcaps-webfont.woff'）格式（'woff'）， url（'/ fonts / snowtopcaps-webfont.ttf'）格式（'truetype'）， url（'/ fonts / snowtopcaps-webfont.svg＃snowtopcaps'）format（'svg'）; font-weight：正常; font-style：normal; } 试图在jade文件中的style部分声明： … 样式 @字体面 字体系列 | SnowTopCaps SRC | url（'/ fonts / snowtopcaps-webfont.woff'）格式（'woff'） 字体重量 | 正常 字体样式 | 正常 … 但没有style声明写入生成的html ？ 任何人都看到这里缺less什么？

在res.render（）之后没有将手写笔应用于我的玉石文件

我似乎无法将我的项目中的手写笔文件编译为与玉文件结合使用的css文件。 翡翠文件的内容正在向浏览器显示，但没有像.styl文件中指定的格式化。 我认为这与我使用的path有关。 我对“/ public”感到困惑，应该是我在项目树中实际创build的目录，还是仅仅是当前位置的占位符或类似的东西？ 以下是我需要的模块： var express = require('express'), connect = require('connect'), account = require('./account'), stylus = require('stylus'), nib = require('nib'), http = require('http'), path = require('path'); var app = express(); 以下是我的configuration代码： function compile(str, path) { return stylus(str) .set('filename', path) .use(nib()) } app.configure('development', function(){ app.set('port', process.env.PORT || 8888); app.set('views', __dirname + '/views'); app.set('view engine', […]

你如何将一个数字转换为手写笔的百分比？

我正在写一个简单的手写笔mixin代码应该是自我解释，但不工作。 如何将该值转换为百分比？ 手写笔有一个内置的mixin吗？ 我阅读有关单位mixin，但无法访问文档:(我做我们的工作代理道歉我停止访问手写笔文档 mymixin(myval = 0) width myval% .myclass mymixin(20)

Node.js手写笔插入不会像文档中显示的那样呈现样式

我试图用手写笔运行供应商特定的CSS混合，我直接从文档中，但它似乎并没有渲染的CSS。 有什么想法吗？ vendor(prop, args) -webkit-{prop} args -moz-{prop} args -ms-{prop} args -o-{prop} args {prop} args border-radius() vendor('border-radius', arguments) li border-radius 3px 3px 0 0 应该工作，但是当样式表呈现不存在边界半径属性？ 此外，只是混入正常工作 border-radius() -webkit-border-radius arguments -moz-border-radius arguments -ms-border-radius arguments -o-border-radius arguments border-radius arguments li border-radius 3px 呈现： li{ -webkit-border-radius: 3px -moz-border-radius: 3px -ms-border-radius: 3px -o-border-radius: 3px border-radius: 3px } 正如所料。 对此有何想法？ 谢谢