Question

I am trying to link a Sass file to a Sinatra app. I have a public/sass/styles.scss file and I am trying to link it in my views/layout.haml file. I am able to link a regular css file using the following link in my layout.haml: %link(rel="stylesheet" href="styles.css"). However, when I try and link to my sass/styles.scss, it does not work. Can someone please tell me how to link a Sass css file in a Sinatra app? Thanks!

Answer 1

You dont link the scss, a scss like a sass is not a file that is supposed to be interpreted by the browser, you need a compiler that process this file and convert it to css.

You need the compass gem to automatically generate the css from your scss and then you link the css as you were referring before

Here you have an example of compass configuration for sinatra:

https://github.com/chriseppstein/compass/wiki/Sinatra-Integration