Sassの利用

Sassの利用

EC-CUBEのCSSは、Sass を使用して記述されています。 Sass のソースコードは html/template/{admin,default}/assets/scss にあります。

Sassのビルド

前提として [https://nodejs.org/ja/] より、 Node.js をインストールしておいてください。

以下のコマンドでビルドすることで、 html/template/{admin,default}/assets/css に CSS ファイルが出力されます。

npm install # 初回のみ
npm run build # Sass のビルド

スタイルガイドについて

EC-CUBEでは、CSSやHTMLの設計指針やコーディングルールを確認できるよう、スタイルガイドを用意しています。 詳しくは以下を参照ください。

• フロント画面のスタイルガイド
• 管理画面のスタイルガイド