ZOYKUHot Board

kittygiraudel/sass-boilerplate기술 문서

A boilerplate for Sass projects using the 7-1 architecture pattern from Sass Guidelines.

언어 대체 안내:해당 저장소의 한국어 문서가 제공되지 않아 공식 영문 원본(English)으로 표시됩니다.
빠른 설치
git clone https://github.com/kittygiraudel/sass-boilerplate.git

Sass Boilerplate

This is a sample project using the 7-1 architecture pattern and sticking to Sass Guidelines writing conventions.

Each folder of this project has its own README.md file to explain the purpose and add extra information. Be sure to browse the repository to see how it works.

Using the indented syntax

Sass conversion

This boilerplate does not provide a .sass version as it would be painful to maintain both versions without an appropriate build process. However, it is very easy to convert this boilerplate to Sass indented syntax.

Clone it, head into the project and then run:

sass-convert -F scss -T sass -i -R ./  && find . -iname “*.scss” -exec bash -c 'mv "$0" “${0%\.scss}.sass"' {} \;

Use with Sass

When using sass - in order to build that boilerplate, one needs to:

  • install sass if not yet installed:
npm install -g sass
  • run build command from command line:
sass stylesheets/main.scss dist/main.css
GitHub 공식 원본 저장소에서 아카이브된 문서 미러 · GitHub 저장소 방문
동기화 기준일: 2026-11-09