{"id":22297,"date":"2015-07-02T11:20:16","date_gmt":"2015-07-02T05:50:16","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=22297"},"modified":"2016-12-19T15:34:37","modified_gmt":"2016-12-19T10:04:37","slug":"how-to-compile-multiple-sass-files-into-one-css-file","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/how-to-compile-multiple-sass-files-into-one-css-file\/","title":{"rendered":"How to compile SASS files ?"},"content":{"rendered":"

Sass (Syntactically Awesome StyleSheets) program automatically compiles Sass files as CSS files. This is an extension of CSS. It allows us to use variables, nested values, mixin, inline imports etc.<\/p>\n

How to install Sass ?<\/h3>\n

Step 1<\/span> – Download and Install Ruby gem (https:\/\/rubygems.org\/<\/a>). On a MAC machine, GEM comes pre-installed, so MAC users may skip this step.<\/p>\n

Step 2<\/span> – Open your command prompt or Terminal and type the command “gem install sass “<\/p>\n

Step 3<\/span> – To re-confirm whether Sass installation is completed successfully type “sass -v” in your command prompt. If it’s showing version of Sass then it means Sass is successfully installed on your machine.<\/p>\n

How to run and compile Sass ?<\/h3>\n

On the command prompt, go to the folder,\u00a0which contains the Sass files (for example mySassFile.scss) and execute the following command.<\/p>\n

[html]sass –watch scss:.css[\/html]<\/p>\n

Real example, In project we need to execute this command :-<\/p>\n

[html]myFolder\\app\\css\\stylesheets> sass –watch main.scss:..\\myCssFile.css[\/html]<\/p>\n

Hope this helps!
\nLinkedin
\nTwitter<\/p>\n","protected":false},"excerpt":{"rendered":"

Sass (Syntactically Awesome StyleSheets) program automatically compiles Sass files as CSS files. This is an extension of CSS. It allows us to use variables, nested values, mixin, inline imports etc. How to install Sass ? Step 1 – Download and Install Ruby gem (https:\/\/rubygems.org\/). On a MAC machine, GEM comes pre-installed, so MAC users may […]<\/p>\n","protected":false},"author":51,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":3,"footnotes":""},"categories":[1],"tags":[1945,1946,1535,1944],"class_list":["post-22297","post","type-post","status-publish","format-standard","hentry","category-technology","tag-compile-css","tag-preprocessor","tag-sass","tag-scss"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t