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

 
 
■質問、書いてほしい情報など、気軽にコメントしてみましょう!
コメント例:
 「手順通りやったけど、◯◯の部分でうまくいかない」
 「◯◯の部分について、もう少し手順を詳細に記載してよ」
 「最初から、こういう情報があればわかりやすかった」

コメントする