css - 需要帮助创建 scss 函数以返回字符串

Question

我需要在很多地方包含模块导入，所以我想在 scss 中创建 mixin 或函数。

on my mixin.scss

 @function import-modules($import,$grid){
      @return $import +' modules/modulename_'+$grid ;
  }

in main.scss where i want to import, i have

import-modules (@import,1024);

但它会抛出错误。如何创建函数以返回导入语句？

我得到的错误:“import-modules”后的无效 CSS:应为“{”，是“('@import',1024);”)

感谢您的回答，我是这样修改和尝试的:

$modulesList: 'modules/header/header_', 
'modules/news/news_', 
'modules/footer/footer_', 
'modules/follow_us/follow_us_', 
'modules/ads/ads_', 
'modules/newsletter/newsletter_', 
'modules/comments/comments_';

@function import-modules($grid){
    @each $module in $modulesList{
                @return $module+$grid;
                }

}
@import url(import-modules(1024));

在 css 中，我看到: @import url("modules/header/header_1024");

Answer 1

Sass 不执行任意字符串。如果要导入文件，则必须使用 @import 指令。

@function import-modules($grid){
    @return 'modules/modulename_#{$grid}';
}

@import url(import-modules(1024));

然而...

Imports may contain #{} interpolation, but only with certain restrictions. It’s not possible to dynamically import a Sass file based on a variable; interpolation is only for CSS imports. As such, it only works with url() imports.

来源:http://sass-lang.com/documentation/file.SASS_REFERENCE.html#import