Compiling Sass in Pinegrow

  1. 1. Right click on the directory with your Sass files

    Right click on the directory with your Sass files

  2. 2. Select the option to create a new file

    Select the option to create a new file

  3. 3. Name the file with the same name as your sass file; only give it a *.css extension

    Name the file with the same name as your sass file; only give it a *.css extension

  4. 4. Drag the new CSS file onto your canvas to attach it to the HTML file.

    Drag the new CSS file onto your canvas to attach it to the HTML file.

  5. 5. Pinegrow will recognize that there is a Sass file with the same name and ask if you want to compile your Sass into this CSS file. Select yes.

    Pinegrow will recognize that there is a Sass file with the same name and ask if you want to compile your Sass into this CSS file. Select yes.

  6. 6. The Sass compiler handles everything else in the background and automatically recompiles when it sees a chance to the Sass file and partials.

    The Sass compiler handles everything else in the background and automatically recompiles when it sees a chance to the Sass file and partials.