css - 使用 Stylus 在 @import 路径中进行插值

标签 css stylus

虽然我已经阅读了 Stylus 文档的变量和插值部分,但我似乎无法让它工作。

dirs = {
    vendor: '../../../public/vendor/'
}
@import '{dirs.vendor + "normalize-css/normalize.css"}'

给予:

failed to locate @import file {dirs.vendor + "normalize-css/normalize.css"}

这在 Stylus 中可行吗?如果是这样,我做错了什么?

最佳答案

是的,这是可能的。但是 Stylus 目前没有字符串插值,所以你应该使用连接:

dirs = {
    vendor: '../../../public/vendor/'
}
@import dirs.vendor + "normalize-css/normalize.css"

关于css - 使用 Stylus 在 @import 路径中进行插值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26307573/

相关文章:

Javascript 图像 onclick

html - IE 7/8/9 中#main div 背景下的下拉菜单

css - 如何为某个前缀制作通用的 Stylus mixin?

javascript - gulp-stylus 不编译文件,处理内存不足

javascript - jQuery addClass 基于滚动距离

html - 覆盖 CSS 属性,一个行高问题

JQuery 在 GET 请求后重新应用斑马条纹

css - Meteor.js 上的 Stylus 库

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

CSS Stylus 颜色函数,单位敏感性如何工作?