Sass 模块化——在媒体查询部分中导入附加部分

Question

每个人(希望)都在努力实现代码模块化。我想要做的是有 1 个主要的 Sass 文件，它导入我的所有模块，这些模块是局部的，如果需要，这些局部可以调用它们自己的局部组。我想要的是，不是在我的代码库中调用媒体查询(如此处所述:http://css-tricks.com/media-queries-sass-3-2-and-codekit/)，而是拥有一个 media.sass 文件来管理每个模块的不同屏幕尺寸的所有不同样式。

这是我的 Sass 文件的文件结构:

    sass
      | styles.sass
      | _media.sass
      | base
          | _variables.sass
          | _mixins.sass
      | menu
          | _menu.sass
          | _menu_mobile_portrait.sass
      | modal
          | _modal.sass
          | _modal_mobile_portrait.sass

这是我的主要 Sass 文件:

样式.sass

    @import "base/variables"
    @import "base/mixins"
    @import "menu"
    @import "modal"
    ...
    @import "media"

这里的最后一行针对 _media.sass，我希望它看起来像这样:

    // #Mobile (Portrait)
    // ==================================================

        // Note: Design for a width of 320px

        @media only screen and (max-width: 767px)
          @import "menu/menu_mobile_portrait"
          @import "modal/modal_mobile_portrait"

使用最新的 CodeKit，文件编译没有任何错误；但是，媒体文件中嵌套的导入模块不会显示在编译后的 CSS 中。

Answer 1

请注意 .sass 文件中的缩进空格。那就是问题所在。解决了。

令人惊讶的是它没有给我任何编译错误？也许是因为它嵌套在已经注释掉的东西中？