fumblr icon indicating copy to clipboard operation
fumblr copied to clipboard

how to use compass, haml?

Open millisami opened this issue 14 years ago • 4 comments

I checked out the sinatra_base branch. But there ain't any place where to write sass n haml.

I even tried to create a new theme bundle exec thor fumblr:create_theme mytheme, but it just generated mytheme folder at themes dir with empty mytheme.html file.

millisami avatar Dec 13 '11 17:12 millisami

Well after looking at the thor tasks, by passing the --compass and --sass creates the compass/sass file.

thor fumblr:create_theme mytheme --compass --sass

millisami avatar Dec 13 '11 17:12 millisami

Yup, that's it. I need to document that in the readme when it's finished. Hope it's working for you, feedback welcomed.

pengwynn avatar Dec 13 '11 23:12 pengwynn

But what about the compilation of sass into css. Do I have to run compass watch those file separately or the server will handle it on refresh?

And another is how to reference this CSS file in the theme?

millisami avatar Dec 14 '11 03:12 millisami

Yes, you have to run compass watch since using compass with your theme is optional. Each theme is a self contained compass project or just a theme.html if you want to do a single page theme with a <style> block.

I just pushed a change with an updated yml example. Just reference your stylesheets to your external server like you normally would. Any <link> hrefs that match the server you put in your config file (either http or https) will be replaced with a relative path that maps to a public folder inside of your theme.

pengwynn avatar Dec 14 '11 13:12 pengwynn