2015-08-03 55 views
1

少& CSS如何获得LESS输出RGBa颜色定义?

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

.color { 
    color: @white; 
} 

输出

.color { 
    color: #ffffff; 
} 

出于某种原因,我需要在较编译输出使用的RGBA。我怎样才能在输出中保留RGBa?

+0

顺便说一句。输出不透明颜色为rgb *** a ***的原因是什么? –

+0

@ seven-phases-max可能是为了与其他部分透明的颜色保持一致。 – SuperBiasedMan

+0

为什么要关注已编译CSS文件的“一致性”(只要它是有效的)?源代码的一致性是重要的(这是人类阅读的目的,输出CSS仅适用于机器眼睛,除非某些调试情况,否则绝不应该被人类阅读)。 –

回答

1

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

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

.color { 
    color: @white; 
} 

输出:

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

使用escaping用更少的跳过值分析和评价:

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