- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
这很奇怪,我只是在变量设置中进行了更改以使用哈希代替......你知道:
black = #000
替换为:
colors = {
'black': #000
// and so on...
}
然后,我替换了代码中的所有变量调用(当然)并且所有模块都编译良好,除了一个,这是跟踪:
ParseError: ../../dopamine/components/_ui.styl:26
22| notice(clr: -colors['light-blue'])
23| color -colors['white']
24| font-weight bold
25| text-shadow 1px 1px 1px rgba(#000, .2)
> 26|
27| if type == "success"
28| notice(clr: -colors['green'])
29| color -colors['white']
expected "indent", got "outdent"
at Parser.error (/usr/local/lib/node_modules/stylus/lib/parser.js:230:11)
at Parser.expect (/usr/local/lib/node_modules/stylus/lib/parser.js:258:12)
at Parser.block (/usr/local/lib/node_modules/stylus/lib/parser.js:741:12)
at Parser.selector (/usr/local/lib/node_modules/stylus/lib/parser.js:1277:24)
at Parser.property (/usr/local/lib/node_modules/stylus/lib/parser.js:1228:47)
at Parser.ident (/usr/local/lib/node_modules/stylus/lib/parser.js:1183:25)
at Parser.stmt (/usr/local/lib/node_modules/stylus/lib/parser.js:685:26)
at Parser.statement (/usr/local/lib/node_modules/stylus/lib/parser.js:593:21)
at Parser.block (/usr/local/lib/node_modules/stylus/lib/parser.js:753:21)
at Parser [as if] (/usr/local/lib/node_modules/stylus/lib/parser.js:842:23)
所以,我检查了基本的常见打字错误和其他问题,但我没有发现问题...在上一个版本中确实有效,我只是更改了变量,我没有再触及任何东西。代码在以下链接中:
error module variable settings
那么,感谢您的回答!
最佳答案
不幸的是,当使用哈希值作为值时,您还需要使用冒号。所以,而不是
.best-thing-ever
width 1234px
color colors['white']
font-size 23px
你会写
.best-thing-ever
width 1234px
color: colors['white']
font-size 23px
请注意,只有将散列作为值的属性才需要冒号。参见 this related issue on GitHub了解详情。
关于indentation - Stylus 给我一个预期的 "indent",得到 "outdent",但我不知道为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22796786/
我正在使用它的 JavaScript API 编译我的 Stylus .styl 样式表:http://learnboost.github.io/stylus/docs/js.html var s
我正在使用它的 JavaScript API 编译我的 Stylus .styl 样式表:http://learnboost.github.io/stylus/docs/js.html var s
我想知道如何从手写笔 (.styl) 文件导入 Google 字体。我尝试过: @import url(http://fonts.googleapis.com/css?family=Overlock:
Stylus 返回 'Failed to @extend ".selector2"',但在 SASS 中没问题。 .selector1 color #000 .selector2
我在 Stylus 中有一些类似于以下的十六进制颜色值 $my-background ?= #123456 $my-foreground ?= #ABCDEF 并希望在不透明度的 rgba 值中使用它
我希望能够创建一个包含网页临时文件的目录,其中每个文件都是一个独立的页面。 这对于普通的 HTML/CSS/JS 来说非常简单: p { color
我正在尝试将 Jeet 和 Rupture 与我的 Stylus-Brunch 一起使用。 我需要配置什么才能让它工作? 最佳答案 这非常简单,或者至少对我来说是这样。我刚把这个加到我的 config
如何使用 grunt-contrib-stylus 包含 Stylus 库? 我想将 Jeet & Rupture 添加到我的手写笔设置中。 我已经运行了 npm install --save-dev
我正在尝试自定义 删除边框半径 Bootstrap Stylus。我正在将名为 index.styl 的手写笔主文件导入我自己的 style.styl,然后,我正在导入与 Bootstrap Styl
我需要从 Stylus 获得以下 CSS 输出(这是一种落后的方式,但 Stylus 将使该元素的许多其他部分变得更容易)。我已经尝试了很多东西,但无法编译,当它说它已经编译时,这部分输出没有任何显示
如何在一个文件中定义多个媒体查询? 我有这个 .styl 文件: @media (min-width: 980px) body padding-top 60px @media (min-w
这样的事情可能吗? for my_class_selector in _aClass _bClass _cClass _dClass _eClass ... .my_class_selecto
有没有办法让 Stylus 计算 x 的平方根? 你知道,就像 JavaScript 的 Math.sqrt(x) 一样。 我正在创建一颗应该以原点为中心的钻石。我目前正在使用以下代码: vendor
我读了http://learnboost.github.io/stylus/docs/hashes.html并且没有一个例子不适合我。例如 foo = { bar: { baz: {
一切都在标题中。我不能在CSS calc()函数中合并几个Stylus变量。 我创建了一个代码Sass,我将在手写笔下转换自己: // *.scss $gutter : 1rem; .sizeXS-m
我想添加一个条件 !important字符串到定义而不必复制行......到目前为止我最接近的是: fontSize(size, isImportant = false) importantStr
我想找到一种从扩展选择器中引用属性的方法。不幸的是,property lookup似乎不适用于此: .foo font-size 12px .bar @extends .foo line-
我的目标是通过数组创建一组混入。我的想法是应用如下代码: f_colors = (f1 f2 f3 f4 f5) for $i in 0..length(f_colors) v = f_col
我有以下 CSS 文件: /*! * http://meyerweb.com/eric/tools/css/reset/ * v2.0 | 20110126 * License: none (p
我正在尝试在 Stylus 中使用散列来对我的按钮的所有属性进行分组。这是哈希: global_constants.styl: brand-colour = #FC4747 button-hover-
我是一名优秀的程序员,十分优秀!