Zurb の Foundation フレームワークを使用しています。SASS 変数のデフォルト値を編集する方法を知りたいです。私はインターネット全体を検索しましたが、私を助けることができるものを見つけることができませんでした.
このドキュメントは、彼らのサイトで確認してください。
セクションの下Available SCSS Variablesに、SCSS 変数が用意されていますが、値を変更した後にどこに配置すればよいかわかりません。Foundation はそれほど古いものではないため、Google で調べてもあまり役に立ちませんでした。
Foundation プロジェクトを作成したら、これらすべての変数を含む「_settings.scss」パーシャルを探します。
このページを下にスクロールします: Zurb Foundation 4—Sass Documentationで、そのファイル内のコードの「Foundation Global Settings and Mixins」と表示されている場所まで移動します。
Sass彼らのサイトですでに説明されていることを調べる必要があり、ここで見つけることができます。V3 のドキュメントを読み始めることをお勧めします。Foundation 3これらのドキュメントでは、Foundation で Sass のパワーを活用する方法がよりよく説明されています。ここで読み始めてから、ここでさらに読むことができます。正直なところ、Zurb は Foundation フレームワークを文書化する素晴らしい仕事をしており、知っておく必要があることはすべて (すべてではないにしても 99%)、既にドキュメント ページに記載されています。
jOk、構成できるグローバル変数 (_settings.scss) があり、モジュール レベルのデフォルト (!default) 変数もあります。オンライン ドキュメント、つまりボタンhttp://foundation.zurb にドキュメントがあります。 com/docs/components/buttons.html (一番下までスクロール)。
これらの変数は SASS の !default で割り当てられるため、グローバル スコープでこれをオーバーライドできますが、スタイルを宣言する前に新しい変数を使用可能にする必要があります。同様に、変数はボタンが表示される前にカスケードに表示される必要があります。