HAML & SASS / COMPASS: Can variables be shared between?

Question

I'm used to working with compass and Haml now, and it's pretty cool. However, it would be great if they could work more closely. This seems impossible, however I might miss it or not search properly.

I guess I mean something like this:

shared variable file:

$container-id = "container" $primary-column-id = "navbar" 

Haml File:

 !!! 5 %html(lang="en") %head %title %body #{$container-id} %section#{$primary-column-id} 

Compass File:

 #{$container-id} { width: 900px; } #{$primary-column-id} { width: 400px; } 

Answer 1

Of my research and use, it is currently not supported (without any special external solution). I agree that this would be an amazing feature in theory, but I believe that this does not exist due to the separation of problems .

For example, specific Haml files should be aware of binding to other specific Sass files at compilation and select declared variables. This happens Sass <- → Sass, through partial. However, with the above idea -> markup (Haml) is a bit mixed with style (Sass / Scss). Although they refer to each other, they have different goals. for example, an identifier in the DOM is an attribute of an object, whereas in an stylesheet, an identifier is an selector of an object.

A structure (like Compass) could theoretically achieve something similar because it considers projects, but it might be more appropriate to have a unified project configuration file (neither Sass nor Haml) for variable declarations or something else.

That would be a great question to get Chris Epstein's opinion: https://stackoverflow.com/users/41221/chriseppstein