I recently wrote about how I migrated my website to use Ghost(Pro) and Cloudflare. Part of that migration process involved picking a theme to use, and I opted for a custom theme which is based on Casper.
While developing the theme for this site we decided to use Sass for handling the style sheets. Casper happens to use vanilla CSS out of the box.
"gulp-sass": "4.0.2"to the
npm installto install gulp-sass
gulpfile.js should include a
css function that defines the behaviour for handling CSS files:
We're now going to update the pump statement to source from
*.scss files and invoke
There you go!
Now when you run
yarn dev your
*.scss files these will be compiled into CSS.
Note: At the time of writing this worked with the latest Casper theme – 3.0.12