stylus - 如何在手写笔中添加条件 !important

Question

我想添加一个条件 !important字符串到定义而不必复制行......到目前为止我最接近的是:

fontSize(size, isImportant = false)
  importantString=""
  if isImportant
    importantString = !important

  font-size unit(size, 'px') importantString
  font-size unit(size / 10, 'rem') importantString

这不起作用，因为 importantString=""实际插入 "" ，并删除分配实际上会打印 importantString如果没有定义。

最好的方法是这样的:

font-size unit(size, 'px') if isImportant !important

但我想这是不可能的。

Answer 1

回答你的问题——你可以使用 unquote()围绕 importantString 的报价, 所以如果没有 important 就什么都没有输出.

看起来像这样:

fontSize(size, isImportant = false)
  importantString = isImportant ? !important : unquote("")

  font-size unit(size, 'px') importantString
  font-size unit(size / 10, 'rem') importantString

然而!如果你问我，我建议你做一些不同的事情——为 font-size 做一个透明的 mixin像这样:

font-size(size, args...)
  $rem_ratio = 10 if not $rem_ratio is defined
  if unit(size) == 'rem'
    font-size unit(size * $rem_ratio, 'px') args
    font-size size args
  else if unit(size) == ''
    font-size unit(size, 'px') args
    font-size unit(size / $rem_ratio, 'rem') args
  else
    font-size arguments

该 mixin 可以透明地使用，因为您可以使用通用 font-size .更重要的是，有两种方法可以使用它:

.foo
  font-size 1rem

.bar
  font-size 10

您可以使用 rem那里的单位，将在后备中转换为像素，或使用无单位数字，将按照您希望的方式转换为您的问题。并且重要性将被保留，您甚至可以声明一个 rem 中有多少像素。使用 $rem_ratio多变的。

享受!