6

誰もが (願わくは) コードのモジュール性を目指して努力しています。私がやろうとしているのは、すべてのモジュール (パーシャル) をインポートする 1 つのメイン Sass ファイルを用意することです。これらのパーシャルは、必要に応じて独自のパーシャル グループを呼び出すことができます。私が望むのは、コードベース全体でメディアクエリを呼び出す代わりに (ここで説明されているように: http://css-tricks.com/media-queries-sass-3-2-and-codekit/ )、メディアを 1 つ持つことです。各モジュールの異なる画面サイズのすべての異なるスタイルを管理する 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 には表示されません。

4

1 に答える 1

2

.sass ファイルのインデントされた空白に注意してください。それが問題です。解決しました。

コンパイル エラーが発生しなかったことに驚きましたか? すでにコメントアウトされているものの中にネストされていたからでしょうか？

于 2013-06-11T17:32:17.303 に答える