SASS编译顺序：在某些代码中分配给未编译变量的函数输出

SASS编译顺序：在某些代码中分配给未编译变量的函数输出,sass,bourbon,Sass,Bourbon,我用的是波旁威士忌和沙士口味的引导法。这是我的基本SCSS文件： @import '../../bower_components/bourbon/dist/_bourbon.scss'; @import 'app/swatches.scss'; @import '../../bower_components/bootstrap-sass/lib/bootstrap.scss'; @import 'app/theme.scss'; 我的想法是，我首先使用Bourbon，因为我打算在所有地方使用它

@import '../../bower_components/bourbon/dist/_bourbon.scss';
@import 'app/swatches.scss';
@import '../../bower_components/bootstrap-sass/lib/bootstrap.scss';
@import 'app/theme.scss';

swatches.scss

// The brand
$blue          : #0078ae;
$grey-light    : #58595b;
$grey-dark     : #59595e;
$gradient-blue : linear-gradient( #0089ca, #006cb9 );
$gradient-grey : linear-gradient( #e1e2e2 0, #d8d9da 33%, #cecece 33.001%, #b8b8b8 100% );

// Set Bootstrap's variables (map back to our own vars if need be)
$brand-primary            : $blue;
$btn-default-color        : #fff;
$panel-primary-heading-bg : $gradient-blue;
$panel-default-heading-bg : $gradient-grey;

%gradient-blue {
    @include background-image( $gradient-blue );
}

$gradient blue

线性渐变（#0089ca，#006cb9）

$gradient blue

$gradient-blue : @include linear-gradient( #0089ca, #006cb9 );
$gradient-grey : @include linear-gradient( #e1e2e2 0, #d8d9da 33%, #cecece 33.001%, #b8b8b8 100% );