Difference between revisions of "Setting up a existing Project with Sass"

From rbachwiki
Jump to navigation Jump to search
Line 17: Line 17:
relative_assets = true  
relative_assets = true  
line_comments = true
line_comments = true
</pre>
== Style.scss file ==
<pre>
@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";
</pre>
</pre>

Revision as of 15:00, 24 August 2016

Install sass and compass if not installed

gem install sass
gem install compass

Config Rb file

require 'susy'
require 'breakpoint'
require 'compass/import-once/activate'

http_path = "/" 
css_dir = "css" 
sass_dir = "scss" 
images_dir = "images" 
javascripts_dir = "js" 
output_style = :expanded 
relative_assets = true 
line_comments = true

Style.scss file

@import "compass";
@import "compass/reset";
@import "susy";
@import "breakpoint";