Tag: css

使用节点在SASS编译期间注入variables: 在我正在工作的应用程序中，我必须在客户端呈现之前dynamic编译SASS（caching系统即将到来，不用担心）。目前我正在使用节点sass ，一切都很好。这是我到目前为止的工作。其他项目特定的代码已被删除，以简洁起见： var sass = require('node-sass'), autoprefixer = require('autoprefixer-core'), vars = require('postcss-simple-vars'), postcss = require('postcss'), function compileCSS() { var result = sass.renderSync({ file: 'path/to/style.scss' }); return postcss([autoprefixer]).process(result.css.toString()).css; } 现在我需要从节点传递dynamic数据，并像普通的SASSvariables那样编译。最初我尝试使用PostCSS ，因为我注意到，variables注入是它可以做的事情。不幸的是，这并没有奏效。 PostCSS在编译阶段之后就开始了，这个失败很惨。接下来，我尝试使用下划线模板尝试使用node-sass“ importer() ”进行覆盖： var result = sass.renderSync({ file: 'path/to/style.scss', importer: function(url, prev, done) { var content = fs.readFileSync(partial_path), […]

你如何链接到一个玉文件的CSS？: 我目前正试图链接normalize.css但它不工作（使用套接字expression） html head title= "Real time web chat" link(href='/css/normalize.css') script(src='/chat.js') script(src='/socket.io/socket.io.js') script(src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js') body #content(style='width: 100%; height: 600px; margin: 0 0 20px 0; border: solid 1px #999; overflow-y: scroll;') .controls | Name: input#name(style='width:350px;') input#field(style='width:350px; display: inline; margin-left -90px;') input#send(type='button', value='send')

pugjs（玉）模板引擎加载css文件: 我一直在GitHub的例子中search，但我找不到如何加载一个简单的CSS文件到我的布局。我的第一个想法是做这样的link(href="my.css")但它似乎根本不工作。该href指向一个正确的位置在线（检查和工作），也许我忘记了一些东西？

将“编译”为HTML的内联样式: 我正在编写一个电子邮件HTML模板，一些电子邮件客户端不支持<style>来指定CSS。应用CSS的唯一select是使用内联样式（ style属性）。是否有一个工具或库（Node.JS）将样式表应用到某个HTML并获取应用了样式的HTML？该工具不必支持许多select器; ID，类和元素名称select器应该足以满足我的需要。需要什么的例子： // stylesheet.css a { color: red; } // email.html <p>This is a <a href="http://example.com/">test</a></p> // Expected result <p>This is a <a href="http://example.com/" style="color: red;">test</a></p>