Skip to content

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

License

Notifications You must be signed in to change notification settings

ronyitc/sass-boilerplate

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 

Repository files navigation

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 Node-sass

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

  • install node-sass if not yet installed:
npm install -g node-sass
  • run build command from command line:
node-sass stylesheets/main.scss dist/main.css

About

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

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%