未编译Sass函数

未编译Sass函数,sass,Sass,如果不编译sass函数,会发生什么情况 例如,下面的文件应该生成一个基础网格,但是如果我启动“手表”,它不会产生错误或输出。 但是,如果在另一个项目中启动,则相同的文件也可以工作 导入“全局”; // //@变量 // $include html网格类:$include html类!违约 $行宽:rem计算(1000)!违约 $column排水沟:rem计算(30)!违约 总共$12列!违约 // //网格函数 // //不推荐:我们将在5.1中放弃对此的支持,使用grid-calc() @函

如果不编译sass函数,会发生什么情况

例如,下面的文件应该生成一个基础网格,但是如果我启动“手表”,它不会产生错误或输出。 但是,如果在另一个项目中启动,则相同的文件也可以工作

导入“全局”; // //@变量 // $include html网格类:$include html类!违约 $行宽:rem计算(1000)!违约 $column排水沟:rem计算(30)!违约 总共$12列!违约 // //网格函数 // //不推荐:我们将在5.1中放弃对此的支持,使用grid-calc() @函数gridCalc($colNumber,$totalColumns){ @警告“gridCalc()已弃用,请使用grid-calc()”; @返回网格计算($colNumber,$totalColumns); } //@函数 //$colNumber-在设置文件中找到 //$totalColumns-在设置文件中找到 @函数网格计算($colNumber,$totalColumns){ @返回百分比(($colNumber/$totalColumns)); } // //@mixins // //用于创建容器行、嵌套行和折叠行。 // // //$behavior-这一行有什么特别的beavior吗?默认值:false。选项:嵌套、折叠、嵌套折叠、假。 @混合网格行($behavior:false){ //使用@include grid row(nest);包含嵌套行 @如果$behavior==nest{ 宽度:自动; 边距-#{$defaultfloat}:-($column-gotter/2); 边距-#{$反向}:-($列间距/2); 边际上限:0; 页边距底部:0; 最大宽度:无; } //使用@include grid row(折叠);折叠容器行边距 @如果$behavior==崩溃,则为else{ 宽度:100%; 保证金:0; 最大宽度:$行宽度; } //使用@include grid row(嵌套折叠);折叠嵌套行上的外部边距 @如果$behavior==嵌套崩溃,则为else{ 宽度:自动; 保证金:0; 最大宽度:无; } //使用@include网格行;使用容器行 @否则{ 宽度:100%; 保证金-#{$defaultfloat}:自动; 边距-#{$反向}:自动; 边际上限:0; 页边距底部:0; 最大宽度:$行宽度; } //所有行的Clearfix @包括clearfix(); } //创建列,应在媒体查询内部使用以控制布局 // //$columns-应为的列数 //$last column-这是最后一列吗?默认值:false。 //$center-将这些列居中?默认值:false。 //$offset-#要偏移的列。默认值:false。 //$push-#要推动的列数。默认值:false。 //$pull-#要拉动的列数。默认值:false。 //$collapse-去掉柱上的排水沟填充物?默认值:false。 //$float-该浮动吗?默认值:true。选项:真、假、左、右。 @混合网格柱( $columns:false, $last column:false, $center:false, $offset:false, $push:false, $pull:false, $collapse:false, $float:true){ 位置:相对位置; //如果塌陷,则清除排水沟填充 @如果美元崩溃{ 左侧填充:0; 右边填充:0; } //栏未设置为折叠时的檐槽填充 //(使用$collapse:null不执行任何操作) @如果$collapse==false,则为else{ 左侧填充:$column gutter/2; 右侧填充:$column gotter/2; } //如果给定了列号,请计算宽度 @如果$columns{ 宽度:网格计算($columns,$total columns); //如果是最后一列,则自然浮动,而不是向右浮动 @如果$last column{float:$反向;} } //如果偏移,则计算适当的裕度 @如果$offset{margin-#{$defaultfloat}:网格计算($offset,$total columns);} //源代码排序,根据使用的源代码添加左/右。 @如果$push{{$default float}:grid calc($push,$COTALL columns);#{$COVERT direction}:auto;} @如果$pull{{$反向}:grid calc($pull,$COTALL columns);{$default float}:auto;} //如果居中,则去掉浮动并添加适当的边距 @如果$center{ 保证金-#{$defaultfloat}:自动; 边距-#{$反向}:自动; 浮动:无!重要; } @如果美元浮动{ @如果$float==left或$float==true{float:$default float;} @如果$float==right{float:$reverse direction;} @else{float:none;} } } //为网格创建表示类 // //$size—要使用的类的名称,即“large”将生成.large-1、.large-2等。 @混合网格html类($size){ @对于$i,从1到$total列-1{ .#{$size}-push#{-$i}{ @包括网格列($push:$i,$collapse:null,$float:false); } .#{$size}-pull#{-$i}{ @包括网格列($pull:$i,$collapse:null,$float:false); } } .专栏, .columns{@include grid column($columns:false);} @对于$i,从1到$total列{ .#{$size}{-$i}{@include grid column($columns:$i,$collapse:null,$float:false);} } @对于$i,从0到$total列-2{ .#{$size}-offset-#{$i}{@include grid column($offset:$i,$collapse:null,$float:false);} } [class*=“column”]+[class*=“column”]:最后一个子项{float:$反向;} [class*=“column”]+[class*=“column”].end{float:$default float;} .column.#{$size}居中, .columns.#{$size}居中{@include grid column($center:true,$collapse:null,$float:false);} .column.#{$size}-不居中, .columns.#{$size}-不居中{ 边距-#{$defaultfloat}:0; 边距-#{$反向}:0; 浮动:$默认浮动!重要; } .column.#{$size}-, .列。#{$size}-{ 浮动:$相反方向!重要; } } @包括导出(“网格”){ @如果$include包含html网格类{ .行{ @包括网格行; &.崩溃{ >.专栏, >.columns{@include grid column($collapse:true);} .行{左边距:0;右边距:0;} } .row{@include网格行($behavior:nest); &.collapse{@include网格行($behavior:nest collapse);} } } .专栏, .columns{@include grid column($columns:$total columns);} @媒体{$small up}{ @包括网格html类($s)