File "README.md"

Full path: /home/xs854402/smcse.co.jp/public_html/wp-content/themes/Sumitomo-Mitsui/README.md
File size: 1.21 B
MIME-type: text/plain
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

# 【DartSass】Gulp環境

## 環境
- Gulpが使える環境が前提（4系）
- Nodeはバージョン14以降

## 使い方
- ダウンロードしたフォルダを開く
- ターミナルを開き、 npm i とコマンドを入力
- node_modulesとpackage-lock.jsonが生成されるのを確認する
- 「 npx gulp 」とコマンドを入力すると動き出します

## 初期設定
- _setting.scssを編集してインナー幅、フォントファミリー、メインカラー等を指定する
- package.jsonの中のtitleなどを編集

## 仕様
- sassの記述はsrcフォルダの中で行う
- 画像はsrcフォルダのimagesの中に格納する（圧縮されます）
- コンパイルされたCSSと圧縮された画像は第一階層のCSSフォルダ / imagesの中に出力されます。
- jsに関する記述は第一階層のjsフォルダの中で行ってください。特に圧縮等は行っていません。

## 備考
- スマホファーストが前提の仕様です。
- rem記述を前提としています。
- ルートフォントをvwで設定していることからPCサイズのレイアウトをタブレットで表示させることが出来ます（remで書いた場合のみ）。