ファンデーションにカスタムスタイルを追加する

Question

私は基礎を使って最初のサイトを構築しています。 npmで基盤をインストールしました。私は、財団のスタイルだけを残してから調整が必要なものを上書きすることをお勧めします。基礎スタイルは、外部のインクルードとしてsassコンパイルジョブ中に（gulpなどを使って）インクルードされます。それは正しい方法ですか？

標準の基盤インストール（サイト用）には、必要のない機能が多数用意されています。私は肥大したCSSについて心配しています。どのように私はそれらを捨てるだろうか？

ですから、根本的な問題は - 基礎資料を混乱させるのは大丈夫ですか？

Answer 1

コアファイルを変更しないでください。基礎を新しいバージョンに更新すると、変更内容が失われます。

ファンデーション6は、あなたのCSSで出力するものを選択できます。たとえば、foundation cliを使用する場合、すべての機能を含むapp.scssファイルがあります。プロジェクトで必要としない機能については、簡単にコメントすることができます。

フィーチャーにコメントを書き込むときも、scssのミックスにスタイルを含めることができます。

App.scss

@charset 'utf-8'; 

@import 'settings'; 
@import 'foundation'; 
@import 'motion-ui'; 

@include foundation-global-styles; 
@include foundation-grid; 
// @include foundation-flex-grid; 
@include foundation-typography; 
@include foundation-button; 
@include foundation-forms; 
// @include foundation-range-input; 
@include foundation-accordion; 
@include foundation-accordion-menu; 
@include foundation-badge; 
@include foundation-breadcrumbs; 
@include foundation-button-group; 
@include foundation-callout; 
@include foundation-close-button; 
@include foundation-menu; 
@include foundation-menu-icon; 
@include foundation-drilldown-menu; 
@include foundation-dropdown; 
@include foundation-dropdown-menu; 
@include foundation-flex-video; 
@include foundation-label; 
@include foundation-media-object; 
@include foundation-off-canvas; 
@include foundation-orbit; 
@include foundation-pagination; 
@include foundation-progress-bar; 
// @include foundation-progress-element; 
// @include foundation-meter-element; 
@include foundation-slider; 
@include foundation-sticky; 
@include foundation-reveal; 
@include foundation-switch; 
@include foundation-table; 
@include foundation-tabs; 
@include foundation-thumbnail; 
@include foundation-title-bar; 
@include foundation-tooltip; 
@include foundation-top-bar; 
@include foundation-visibility-classes; 
@include foundation-float-classes; 
// @include foundation-flex-classes; 

@include motion-ui-transitions; 
@include motion-ui-animations; 

Answer 2

編集コアファイルので、そのカスタムスタイルシートを作成した方が良いと基礎CSSの下にそれを含め良い練習ではありません。