On an existing rails project, how do we get started? about fancy-buttons

[imathis]

As far as gems go, you'll need the latest haml, compass, compass-colors, and fancy-buttons. After you get the gems, you'll need to install compass for a rails app and then install fancy-buttons:

Add the following lines to your compass configuration file:
require 'compass-colors'
require 'fancy-buttons'

Then run the following command:
compass -i -f fancy-buttons

At that point you should be able to do anything I'm doing in the screencast. I'll be happy to help if you get stuck, but it should be fairly simple.

[davidchua]

Thanks imathis.

After following the instructions, I'm getting the following error:

compass -i -f fancy-buttons
exists wheresmyinvitesat
exists .
exists app/stylesheets
exists public/images
exists public/stylesheets/compiled
identical app/stylesheets/buttons.sass
identical public/images/button_bg.png
identical index.html
exists public/stylesheets/compiled
unchanged app/stylesheets/screen.sass
unchanged app/stylesheets/print.sass
unchanged app/stylesheets/ie.sass
compile app/stylesheets/buttons.sass
Sass::SyntaxError on line 77 of /usr/lib64/ruby/gems/1.8/gems/fancy-buttons-0.3.2/lib/sass/./_fancy_buttons.sass: Undefined variable: "!v_padding".
Run with --trace to see the full backtrace

[imathis]

Sorry I missed a bug with a recent update. I've pushed 0.3.3 now. If you can update that will solve the issue.

[davidchua]

Thanks, its working great now.

I'm not sure if this is a bug, and that I just don't know how to properly add a link to it, but when I add a link to the button and press on it, it runs the action it is pointing to, twice.

http://pastie.org/714380

Is there a proper way that should be expected to be linking to the buttons?

[imathis]

Does that will yield html that has a link with a button inside of it?
I Want!
You don't need to do that. Just a plain link with a class for styling, or button will work fine. In the screencast I'm adding the mixin under a.button, button which means both buttons, and links with a class "button" will get the style. All you have to do is this, just make it a button, or a link, but not both.

[davidchua]

That seems to fix it.

Sorry for my stupid questions.

[bridiver]

compass -i -f fancy-buttons

No such framework: "fancy-buttons"

any ideas?

[bridiver]

this worked: compass -r fancy-buttons -i -f fancy-buttons
but I wonder why the require statement in the config file doesn't?

[imathis]

Thanks for figuring that out, I'm not sure why it doesn't work that way. I think extensions will be greatly improved in Compass 1.0