假设触控笔样式表中的全局变量为默认值? [英] Assume default value for global variable in Stylus stylesheet?

问题描述

关于手写笔的一件大事是，它允许您定义可以使用的变量.自定义结果输出的配置.

One of the great things about Stylus is that it allows you to define variables which can be used to customize the configuration of the resulting output.

例如，

// my-html-object.styl

$my-html-object-color = red

$my-html-object
    color $my-html-object-color

但是如何定义此变量，以便在加载"my-html-object.styl"之前可以覆盖该变量，以便可以进行以下操作?

But how would one define this variable so that it can be overridden before 'my-html-object.styl' is loaded such that the following is possible?

// main.styl

$my-html-object-color = blue

@import('my-html-object')

推荐答案

Stylus提供了两个相同的运算符来实现此?=和:=，如此处所述:

Stylus offers two identical operators to achieve this ?= and := as documented here:

http://learnboost.github.io/stylus/docs/operators.html#conditional-assignment--

为完整起见，下面的示例显示了两种替代(但等效)语法:

For completeness here is an example showing the two alternative (but equivalent) syntaxes:

示例1:

// my-html-object.styl

$my-html-object-color ?= blue

$my-html-object
    color $my-html-object-color

示例2:

// my-html-object.styl

$my-html-object-color := blue

$my-html-object
    color $my-html-object-color

然后在两种情况下都可以根据需要调整值:

And then in both cases you can adjust the value as intended:

// main.styl

$my-html-object-color = blue

@import('my-html-object')

这篇关于假设触控笔样式表中的全局变量为默认值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！