ruby-on-rails - 仅导入主文件时，SASS 变量不起作用

Question

我有一个部分 sass 文件，其中包含我想全局访问的 mixin。我的理解是，您需要做的就是将此文件 @import 到 master.scss 文件中，它应该可以在全局范围内访问。可悲的是，我不是这种情况。我需要将变量文件导入到我想在其中使用它的每个单独的 .scss 文件中。我需要做什么才能将它导入到 master.scss 文件中以便我可以全局访问我的 mixins？

这是一个 Rails 应用程序，我的 master.scss 文件导入到 application.scss 文件中。

我的 Assets 树

- scss
 -- utilities 
   -- _mixins.scss
 -- components
   -- buttons.scss
 master.scss

我的 master.scss 文件的内容

@import 'utilities/_mixins';
@import 'components/buttons';

我的 mixins.scss 文件的内容

@mixin square-size($size) {
  height: $size;
  width: $size;
}

我如何在 components/buttons.scss 中使用 mixin 的示例:

  .square-button {
    @include square-size(40px);
}

Answer 1

我不是 100% 确定它会解决您的问题，但至少您的代码这样更清晰。

将你的 button.scss 重命名为 _button.scss 并且你不需要在 @import 'utilities/mixins' 中写下划线;

下划线表示 scss 文件是部分文件。更多信息在这里:Why put in front of the file name "_" or "_" in scss/css?