如何输出RGBa颜色定义？

Question

少＆amp; CSS

@white: rgba(255, 255, 255, 1);

.color {
  color: @white;
}

输出

.color {
  color: #ffffff;
}

出于某种原因，我需要在LESS编译输出中使用RGBa。如何将RGBa保留在输出中？

Answer 1

使用escaping使Less更好地跳过值解析和评估：

@white: ~'rgba(255, 255, 255, 1)';

Answer 2

您可以使用插值字符串代替rgba 功能：

@alpha: 1;
@white: ~'rgba(255, 255, 255, @{alpha})';

.color {
  color: @white;
}

输出：

.color {
  color: rgba(255, 255, 255, 1);
}