generator-pioneerscss

Yeoman generator that scaffolds SCSS layout for front-end applications.

Requirements

• Node.js ^7.0.0
• Yeoman

Getting Started

1. Install Yeoman and SCSS generator:

    $ npm i -g yo generator-pioneerscss
   

2. Move to folder in which SCSS structure should be created at, e.g.:

    $ cd ~/projects/my-app/styles
   

3. Scaffold structure by running:

    $ yo pioneerscss
   

typical usage

Grunt task for grunt-sass:

sass: {
  options: {
    outputStyle: 'expanded',
    includePaths: ['node_modules'],
    sourceMap: false
  },
  dist: {
    files: {
      '<%= config.dist %>/assets/css/styles.css': '<%= config.src %>/assets/css/styles.scss'
    }
  }
}

Licence

Copyright © 2017 Interactive Pioneers GmbH. Licenced under GPL-3.