そこで、最近、Zurb's Foundation を使用して新しいプロジェクトを立ち上げました。gem セットアップ ( http://foundation.zurb.com/docs/sass.html ) から動作するデフォルト設定を取得しました。
私が抱えている問題は、ボタンを修正することです。デフォルトでは、私のボタンは正方形で表示されますが、角を丸くした素敵なスタイルが必要です。その_settings.scssため、次の行を修正しました。
$button-radius: 30px;
しかし、何も起こりません。したがって、ドキュメントを読んだ後、独自のボタン クラスを作成し、次のようにボタン mixinを含めてみました。
.your-class-name {
@include button($padding, $bg, $radius, $full-width, $disabled, $is-input);
}
しかし、これを行うと、それ$paddingが存在しないというエラーが表示されます! Foundation全体で使用されているため、これは私を非常に混乱させました（またはそう理解しています）。
ここで何がうまくいかないのか誰でも提案できますか。必要に応じて追加情報を提供できます。
最後に、プロパティを変更してもエラーが発生しないため、オプションが適用されているとは思わない$global-radiusので、少し困惑しています!
編集：
これが私のコアSASSファイルの先頭です：
// Global Foundation Settings
@import "settings";
// Comment out this import if you don't want to use normalize
@import "normalize";
// Comment out this import if you are customizing you imports below
@import "foundation";