1

コンパス + ファンデーションを使用してプロジェクトを作成しました。ページに複数の .scss があり、それらすべてでファンデーション ミックスインを使用したいと考えています。インポート設定をしたら、ファンデーションをインポートします。各ファイルのすべての設定をコピーするため、多くの不要なスペースが使用されます。私はここで何か間違ったことをしていると確信しています。

4

1 に答える 1

0

独自の scss ファイルで Foundation のミックスインを使用する必要がある場合は、実際に @import ディレクティブを使用する必要があります。ただし、 foundation.scssファイルはインポートしないでください。

Sass には、インポートすることを意図したファイル (「パーシャル」と呼ばれる) の命名規則があります。ファイルはアンダースコアで始まります。

必要なパーシャルのみをインポートします (すべてのパーシャルが必要だとは驚きです)。

たとえば、ファイルの 1 つで _foundation-global.scss の「css-triangle」ミックスインを使用する必要がありました。

MyStyles.scss

@import "../foundation/foundation-global"; (no need for the leading underscore)

.myClass{
   @include css-triangle(5px, #fff, top);
}

きっと読んでいると思いますが、念のためリンクを貼っておきます。

于 2013-04-30T22:32:09.650 に答える