SASS变量转换为十六进制代码

时间:2013-02-28 10:35:10

标签: css sass osx-mountain-lion compass-sass codekit

我一直在使用SASS一个月,喜欢它。

但是,当我创建一个变量,如:

$darkgrey:rgb(82,81,83);

然后决定重用变量,比如在特定的p标签中?身体:

body{
    p.ahh-whatever{
        color:$darkgrey;
    }
}

然而,它似乎总是在所有浏览器中作为HEX出现。是否有一个原因?我是否需要使用具有1个不透明度的RGBA ...

正在使用的软件:

我也使用基础3内联指南针风格。除了CodeKit编译我的代码,Sublime Text 2为我的编辑器。操作系统是OSX 10.8(新IMac 27“)。

任何帮助都会很棒!

1 个答案:

答案 0 :(得分:1)

SASS会尽可能输出十六进制,因为几乎所有浏览器都会理解它。 (并非所有浏览器都会“获取”RGB值或RGBA值。)

如果你指定了一个rgba值,SASS会输出它

例如:

rgba(blue, 0.2)    

将输出:

rgba(0, 0, 255, 0.2)

请参阅:Sass RGBA instances documentation