krizten / css-workflow-boilerplate

A boilerplate for projects using SCSS, 7-1 CSS Architecture, Autoprefixer and other tools to build minified stylesheets.

CSS Workflow Boilerplate

Installation

• Download and install Node.Js
• Clone this repository with git clone https://github.com/krizten/css-workflow-boilerplate.git
• Run npm install
• Run npm start to start development

Development

• start ⇒ Run SCSS compilation in watch mode
• compile:scss ⇒ Compile SCSS to CSS
• prefix:css ⇒ Autoprefix CSS properties to support 10 lastest versions of major browsers
• concat:css ⇒ Combine prefixed stylesheet with external stylesheets (e.g Font Awesome) into a single stylesheet
• compress:css ⇒ Compresses stylesheet by removing whitespaces and comments

Production

• build: ⇒ Compile SCSS stylesheets to a minified version suitable for production.

Reference

• Hugo Giraudel
• Jonas Schmedtmann

License

MIT