sample
├── assets(css, 画像群)
│ ├── components(共通パーツscss)
│ │ ├── \_header.scss(headerパーツ)
│ ├── foundation
│ │ ├── \_functions.scss(無視で大丈夫)
│ │ ├── \_mixins.scss(無視で大丈夫)
│ │ ├── \_reset.scss(reset scssを読み込むもの)
│ │ ├── \_variables.scss(変数系scssを読み込むもの)
│ │ ├── function
│ │ │ └── \_getMapDeep.scss(無視で大丈夫)
│ │ ├── mixin
│ │ │ └── \_responsive.scss(無視で大丈夫)
│ │ ├── reset(reset scss)
│ │ │ └── \_html5doctor.scss(無視で大丈夫)
│ │ └── variable(変数系scss)
│ │ ├── \_breakpoints.scss
│ │ ├── \_color.scss(色情報が変数で格納される。)
│ │ ├── \_font-size.scss(文字の大きさ情報が変数で格納される。)
│ │ ├── \_font-weight.scss(文字の強調情報が変数で格納される。)
│ │ └── \_margin.scss(余白調整の情報が変数で格納される。)
│ ├── img(画像群)
│ │ ├── common
│ │ │ └── side
│ │ │ ├── art_and_culture.png(sideのアイコン画像)
│ │ │ ├── beauty_and_care.png(sideのアイコン画像)
│ │ │ ├── fashion.png(sideのアイコン画像)
│ │ │ ├── gourmand.png(sideのアイコン画像)
│ │ │ ├── interior.png(sideのアイコン画像)
│ │ │ ├── life_miscellaneous_goods.png(sideのアイコン画像)
│ │ │ ├── lifestyle.png(sideのアイコン画像)
│ │ │ └── travel.png(sideのアイコン画像)
│ │ └── top
│ │ └── article_thumbnail.jpeg(記事の画像)
│ └── pages(ページ単位scss)
│ ├── \_common.scss(共通scss)
│ └── top
│ ├── top.css(topのcss)
│ ├── top.css.map
│ └── top.scss(topのscss)
├── common(共通 html generator)
│ ├── header.php(headerのhtml)
├── header.php(html header)
├── index.php(entrypoint(https://e-words.jp/w/%E3%82%A8%E3%83%B3%E3%83%88%E3%83%AA%E3%83%9D%E3%82%A4%E3%83%B3%E3%83%88.html))
└── style.css(無視で大丈夫)