Create New Item
×
Item Type
File
Folder
Item Name
×
Search file in folder and subfolders...
File Manager
/
test.smcse.co.jp
/
wp-content
/
themes
/
Sumitomo-Mitsui
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
# 【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で書いた場合のみ）。