Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Compass Basics Getting Started with Compass Configuring Your Project

Juliette Tworsey
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Juliette Tworsey
Front End Web Development Techdegree Graduate 32,411 Points

Configuring Compass into a pre-existing Bootstrap/Sass project.

Hi,

Does anyone know how to incorporate/configure Compass into a Bootstrap/Sass project that is already in development?

Thanks!

Jesus Mendoza
Jesus Mendoza
23,274 Points

Create a Ruby config.rb file that comes when you create a compass project pointing to the sass and css folders

2 Answers

Edgar Gil
Edgar Gil
13,322 Points

I will try my best from my experienced.

Warning To make sure you have compass install do $compass --version on terminal. (Without the "$") If you don't see a compass version google on how to install it.

1.Open your terminal, "cmd" or Powershell.

2.Go to your project folder.

3.Once you on your project folder ("Keep in mind you still on terminal").

4.Run this command "compass init".

5.This should, Add compass to an existing project.("Don't close terminal yet, we need it for our last step").

6.Now you should have a config file on your current project.

7.Open the config file and fix any path that compass has already put for you by default.

8.Once you finish fixing you config files.

9.Now go back to your Terminal and if you want compass to updated any change you make to your project.

  1. Only if you want to follow step #9 Run this command on your terminal "compass watch"

Now compass should be included into your new project.

Hope it help and sorry for my bad grammar.

Edgar Gil
Edgar Gil
13,322 Points

I keep trying to edit and fix that step 10 but it keep showing as step 1.

the last step is 10 but is showing as 1.

Let me know if my answer help you.

Juliette Tworsey
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Juliette Tworsey
Front End Web Development Techdegree Graduate 32,411 Points

Thanks Jesus and thank you so much Edgar for taking the time to explain this to me. Compass init works, but for some reason it doesn't seem to be compatible with the bootstrap.min file that is also in my project....There are also several pre-existing sass files that are layered 3 files deep (maybe that's the problem, along with a pre-existing .cfg file. It's kind of a mess...lol...Or maybe I just need to start over from scratch..

Edgar Gil
Edgar Gil
13,322 Points

That would be the faster way. Good luck. Glad i could help.

echo "Good Bye Lol";