From f32ac49bb6aad0789024e666d177a2e4dfdced19 Mon Sep 17 00:00:00 2001 From: Sahat Yalkabov Date: Mon, 28 Apr 2014 12:40:13 -0400 Subject: [PATCH] Added Sass instructions to README FAQ --- README.md | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/README.md b/README.md index b72f601c79..bf7a08d92a 100644 --- a/README.md +++ b/README.md @@ -613,6 +613,27 @@ Run `node generator.js` bundled with Hackathon Starter, then select **Email Service** option. It will automatically replace appropriate strings in your code. Currently there are three options: SendGrid, Mandrill, and Mailgun. +### Can I use Sass instead of LESS stylesheets? +Yes you can! Although you will have to manually convert all existing stylesheets +to Sass, which shouldn't be too hard considering how similar Sass and LESS are. +Simply rename `styles.less` to `styles.scss` and **connect-assets** will +automatically use Sass preprocessor. + +Your are not limited to just Sass *or* LESS, you could use both if you want to. +In **layout.jade** simply specify LESS and Sass stylesheets separately: +```jade +!= css('styles') # public/css/styles.less +!= css('my_sass_styles') # public/css/my_sass_styles.scss +``` + +And as I already mentioned you do not need to specify the file extension, +**connect-assets** will automatically figure out which CSS preprocessor to use +based on the filetype. + +**Note:** I did not include `node-sass` module in *package.json*, so you will +have to install it yourself by running `npm install --save node-sass`. + + How It Works (mini guides) --------------------------