sass – 如何在编译到CSS时覆盖SCSS变量

前端之家收集整理的这篇文章主要介绍了sass – 如何在编译到CSS时覆盖SCSS变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用基于SASS和COMPASS的jqtouch主题。我有一个文件custom.scss与最简单的代码,一个导入和一个变量覆盖:
@import 'jqtouch';

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar,list,and button backgrounds.*/

当我现在将scss文件编译为css时,它基本上只是使用我的文件生成jqtouch css。颜色规范是无处可见的,尽管变量在每个文档(Official Guide)和jqtouch.scss文件中都是正确的。

我在Windows机器上运行Sass 3.2.9和Compass 0.12.2。

我已经尝试了更多的变量和不同的文件导入,但结果总是,我的覆盖值不包括在内。

罗盘的ruby配置文件似乎是不祥的。

有没有人知道这个过程出了什么问题,所以我的覆盖值被忽略?

解决方法

您已经使用颜色后设置颜色。基本上,你想做的是这样的:
$color: red;

.foo {
    background: $color;
}

$color: green;

根据jqtouch的写法,您可能根本无法修改颜色。您需要将变量设置为默认值才能提前覆盖:

$color: green;
$color: red !default; // red is only used if $color is not already set

.foo {
    background: $color; // color is green
}

所以你的代码应该这样写:

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar,and button backgrounds.*/

@import 'jqtouch';
原文链接:https://www.f2er.com/css/218589.html

猜你在找的CSS相关文章