I’m having a hard time figuring out how to connect all these things together. I’m spinning my wheels on Google, so I’m hoping somebody can give me a bit of direction.
In a local environment, I’d like to use a bare bones Bourbon Neat theme to create my own custom theme. Normally this would be easy for me, but the addition of SASS and Ruby, and how to integrate with Wordpress are confusing me.
Here’s what I have:
On a Windows 8 machine, I’ve installed Ruby (http://rubyinstaller.org/)
I have the following code editors installed and available: Aptana, Sublime Text, and Dreamweaver 6. Aptana recognizes SASS syntax, but is not compiling it. I believe I need extensions for Sublime and DW6 to work with SASS.
I have WAMP installed for creating the WP Database.
I’ve installed Koala, Prepros, and Scout. (I’ve been trying LOTs of different tuts on google, hence all the diff software.)
I don’t understand how, or if installing Ruby means I need to change my project directories. Do I create the WP project directory in D:/Wamp/www/… like usual, or does Ruby change this?
I don’t understand the CSS file directory structure. To try to get SASS working, I tried following ALA tutorial (http://alistapart.com/article/getting-started-with-sass) and created a very simple directory like this:
MY_PROJECT/
index.html
CSS/
style.css
SCSS/
style.scss
I wrote some simple SASS inside of style.scss, hit compile, and nothing. I don’t understand, or cant find how style.scss is supposed to get written to style.css for display on index.html. I’ve tried having index.html link directly to style.scss, and still nothing. I cant find anything that says how to link the SCSS to the CSS. Most tutorials I’ve seen just say to create a blank CSS file, then create an SCSS file, and somehow they “magically” compile and work. The magic isn’t working out too well for me….