Web Design Workflow with Sass and Compass


Why are you using the # and not the $ or % … this usage is unfamiliar to me.

font: #{$base-font-size}/#{$baseline} $serif;


‘#{}’ operator is used in Sass for interpolation.
After ‘font:’ the compiler reads a string. Without #{ } interpolation operator, the output string in your case would simply output the variables names as they are without returning their values.

This should really help you have a better understanding of this: http://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375



Thanks for jumping in there @NuminaThemes–solid answer and perfect resource to link to :thumbsup: