css - SASSの奇妙な動作

Question

昨日、CSS に SASS を使い始めましたが、すでに後悔しています。何が悪いのかわかりません：

グローバル.scss:

@import "compass/css3";
@import "compass/css3/user-interface";

@mixin gradient-brown-transparent(){
  @include background(linear-gradient(top, rgba(46,37,31,0.9) 15%, rgba(34,26,21,0.9) 65%));} 

main.scss:

@import 'global';

#main{
  @include display-flex;
  @include flex-basis(350);
  @include gradient-brown-transparent;}

GLOBAL.SCSSをインポートするファイルの1つを編集するまで、すべてが完璧に機能します。私がそれを行うと、SCSS は色付きの線形グラデーションを生成します: rgba(46,37,31, 0 ) [アルファを 0 に変更]。GLOBAL.SCSS は、直接保存した場合にのみ正しい css ファイルを生成します。