sasszurb-foundationcompass-sass

Using a function in Sass is returning the string containing the name of the function rather than the result

I'm trying Zurb Foundation 5.

So, I've created a new project and try changing settings. When I changed, for example, $row-width: rem-calc(1170); in my-project/scss/settings.scss, it compiled (in my-project/stylesheets/app.css) into:

.row {
  max-width: rem-calc(1170);
}

It seems like it doesn't know about rem-calc function. How to make it calculate rem-calc properly?

Solution

  • Your function doesn't exist. You must declare it (or import it from another file) before you use it. Sass does not throw errors for non-existent functions because they have a similar syntax to CSS functions. So it assumes that if it isn't a Sass function that it must be a CSS function.

    Related: Test whether a Sass function is defined