Css SASS:在编译时设置变量
是否可以在编译时设置sass变量?我基本上想这样做:Css SASS:在编译时设置变量,css,variables,sass,compile-time,Css,Variables,Sass,Compile Time,是否可以在编译时设置sass变量?我基本上想这样做: $color: red !default; div#head { background-color: $color; } 当我编译成css时,我想将$color设置为“blue”(最好是从命令行)。有人能做到这一点吗 谢谢, Chris另一种命令行选项是创建其他文件,为变量赋值 假设上面的代码位于名为“style.scss”的文件中。 要将$color设置为“蓝色”,请创建一个文件,例如: $color: blue; @import
$color: red !default;
div#head {
background-color: $color;
}
当我编译成css时,我想将$color设置为“blue”(最好是从命令行)。有人能做到这一点吗
谢谢,
Chris另一种命令行选项是创建其他文件,为变量赋值 假设上面的代码位于名为“style.scss”的文件中。 要将$color设置为“蓝色”,请创建一个文件,例如:
$color: blue;
@import "style";
例如,将其命名为“blue.scss”。
然后用下面的代码编译它
sass blue.scss:style.css
如果要为变量指定另一个值,请创建另一个名为“green.scss”的文件,如下所示:
然后用
sass green.scss:anotherstyle.css
这有点麻烦,但可以在编译时决定变量的值。我在他们的FAQ中发现了这一点 如果您只想在每次编译CSS时将一些变量传递给CSS,比如使用
--watch
,您可以使用定义Ruby脚本来查询数据库。但是代码只需要编译一次,并且是静态的
但是如果您需要在每次请求时使用不同的选项重新编译它
您可以使用渲染代码,使用
传入来自Sass函数的数据
不过,这似乎不被推荐。可能是出于性能原因。我不太确定是否理解您的问题,是否要在命令行中设置此变量?有点像
sass——风格压缩——观看scss:css——vars$color=blue是的,这正是我想做的!那样的话,我认为现在不可能。对不起,我帮不上什么忙了。我能想象你能做的唯一一件事就是创建一个自定义的bash/ruby脚本,在文件中添加一个变量,然后将一堆scss文件编译成css。我有一个类似的问题,并提出了我自己的解决方案:我真的认为这行不通。为了演示,我的示例很简单,但我想设置多个变量。当然,您可以在导入文件中放置多个变量。您的意思是需要生成具有许多值组合的单个文件,如{var1:val1A,var2:val2A,…}到fileA.css,{var1:val1B,var2:val2B,…}到fileB.css,fileC.css fileD.css。。。?如果是这样的话,我的答案也帮不上忙。但是,当您想要生成与一个scss文件几乎没有差异的css文件时,它仍然很有用。例如,大多数css样式都是共享的,需要进行一些调整,以使样式适应PC/平板电脑/智能手机等设备的变化。定义一组变量只需要3个文件。或者,如果您想尝试许多特殊值,请编辑导入文件并使用--watch选项运行sass。链接为404d。有更新吗?
sass green.scss:anotherstyle.css