ignoring @if variable-exists()

[dgrebb]

Howdy,

I'm defining variables for font includes and only importing them if they exist:

in _config.scss:

// =========================
// Global Config
// =========================

// Font Stacks

$font-url--google           :   'http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900';

$font-family--primary       :   'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$font-family--secondary     :   'Helvetica Neue', Helvetica, Arial, sans-serif;

in _utilities.scss:

// ==========================
// Utilities
// ==========================

// Import if Google Fonts URL is defined

@if variable-exists(font-url--google) {
    @import url($font-url--google);
}

// Import if Typekit Fonts are defined
@if variable-exists(font-url--typekit) {
    @import url($font-url--typekit);
}

and in styles.scss:

@import 'config';
@import 'helpers';
@import 'utilities';
@import 'base';

gulp output:

Error: error /Users/dgrebb/Projects/tbi-dev-utils/development-standards/css/sass-template/src/scss/_utilities.scss (Line 13: Undefined variable: "$font-url--typekit".)

It appears ruby sass is ignoring the if() introspection function and running @import anyway?

[robwierzbowski]

Gulp ruby sass just runs Sass and has no effect on parsing or output. Try running gulp [your sass command] --verbose to get the Sass command that it runs, and then run that command manually to see if you get the same error. There can be weirdness with loadpaths on current versions of g.r.s., but that is cleared up in the 1.0 branch (in progress right now).

[dgrebb]

That's really strange. Thanks for pointing me in the right direction, Sass throws the same error:

sass --update /var/folders/gp/f9w2t1zs4mb33vcshf1t8r3r0000gp/T/gulp-ruby-sass:/var/folders/gp/f9w2t1zs4mb33vcshf1t8r3r0000gp/T/gulp-ruby-sass/_14139e58-9ebe-4c0f-beca-73a65bb01ce9 --load-path src/scss

error /Users/dgrebb/Projects/tbi-dev-utils/development-standards/css/sass-template/src/scss/_utilities.scss (Line 13: Undefined variable: "$font-url--typekit".)

I'll keep digging. Sorry for wasting your time :)

[robwierzbowski]

No prob.

[UltCombo]

@dgrebb Sass does not support @import inside conditionals, imports must be statically analyzable in order to build the dependency tree for Sass's watch mode. See:

• Allow @import within @if sass/sass#451
• Add a module system sass/sass#1094