Sass on Linux Mint

You’ve heard about Sass for quite awhile and finally after seeing all the cool features it has, you’ve made your mind to try it. Great decision!
Here I’ll show you how to quickly set it up, on your Mint Linux install through Compass.
We would need git, ruby and Sass itself.

sudo apt-get install git
sudo apt-get install ruby
sudo gem install sass
sudo gem install compass

That would be it. Time to create your first project:

compass create first-project

Navigate inside the first-project folder (same place where you have config.rb) and run the watch command

compass watch

Your css files will be compiled each time you press save. Enjoy all those great features as easy file includes, styles nesting, variables, mixins.

Official Sass guide
Beginner Sass tutorials


Tip: edit line 12 to automatically minify your css output

output_style = :compressed

2 Comments

  1. Victor Stadnichenko

    Hello Menian Lee, I am on Linux Mint Mate 18.2 64. When I try to install git and ruby – they are already installed. When I install sass:
    Building native extensions. This could take a while…
    ERROR: Error installing sass:
    ERROR: Failed to build gem native extension.

    current directory: /var/lib/gems/2.3.0/gems/ffi-1.9.18/ext/ffi_c
    /usr/bin/ruby2.3 -r ./siteconf20170727-11922-1rzos84.rb extconf.rb
    mkmf.rb can’t find header files for ruby at /usr/lib/ruby/include/ruby.h

    extconf failed, exit code 1

    Gem files will remain installed in /var/lib/gems/2.3.0/gems/ffi-1.9.18 for inspection.
    Results logged to /var/lib/gems/2.3.0/extensions/x86_64-linux/2.3.0/ffi-1.9.18/gem_make.out

    The logfile reads as:
    current directory: /var/lib/gems/2.3.0/gems/ffi-1.9.18/ext/ffi_c
    /usr/bin/ruby2.3 -r ./siteconf20170727-11922-1rzos84.rb extconf.rb
    mkmf.rb can’t find header files for ruby at /usr/lib/ruby/include/ruby.h

    extconf failed, exit code 1

    Do you know what’s going on? Thank you in advance!

Leave a Reply

Your email address will not be published. Required fields are marked *