Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save robertSahm/7c15888284fdc6717638 to your computer and use it in GitHub Desktop.
Save robertSahm/7c15888284fdc6717638 to your computer and use it in GitHub Desktop.
Installing Libsass and Sassc and Bourbon and Neat
@robertSahm
Copy link
Author

Installing Libsass/Sassc/Bourbon/Neat

Install Libsass and Sassc:

Clone the two repos into /usr/local/lib:

git clone https://github.com/sass/libsass.git
git clone https://github.com/sass/sassc.git

Update both submodules and make:

cd libsass
git submodule init
git submodule update
make

Do the same inside /sassc

cd sassc
git submodule init
git submodule update

Before you run make:

export SASS_LIBSASS_PATH=/usr/local/lib/libsass
make

Boo yah.

Install Bourbon and Neat:

Using the gem install method for bourbon doesn't give us the .rb files, so instead we're just going to navigate to [projectname]/src/sass/ then clone the bourbon repo there:

git clone https://github.com/thoughtbot/bourbon

This should create a bourbon directory inside the sass directory with all the necessary scss and .rb files.

Using the gem install method or the method we used for Bourbon works for Neat:

Inside src/sass:

git clone https://github.com/thoughtbot/neat.git

OR

gem install neat
/src/sass neat install

NOTE: neat install only generates the .scss files, but it still seems work without the .rb files that come in with the git pull method. More investigation is needed here to find the best implimentation.

Import Bourbon and Neat into the style.scss

Navigate to [projectname]/src/sass/

neat install

At the top of src/sass/style.scss, we're going to import Bourbon and Neat:

@import "bourbon/app/assets/stylesheets/_bourbon";
@import "neat/app/assets/stylesheets/neat"; // if you cloned the Neat repo
// OR
@import "neat/neat" // if you used 'neat install'

Set up LiveReload:

Set LiveReload to simply watch the directory src/css

Run the compiler:

sass --watch src/sass/style.scss:src/css/style.css

Watch it fly.

Sources

http://bourbon.io/docs/

http://thoughtbot.github.io/neat-docs/latest/

Install Bourbon video: http://vimeo.com/53607127

Install Neat video: http://vimeo.com/53607128

https://github.com/sass/sassc

https://github.com/sass/libsass

@rwboone
Copy link

rwboone commented Nov 23, 2015

are you sure that bourbon needs the .rb files since it's referencing libsass and being parsed by sassc? does your install fail if you install bourbon from gem? thanks in advance! -rb

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment