Check if SASS Map exists

Question

How do I check if a SASS Map already exists and only define one if this is not the case?

I have tried:

@if ($myMap) {
// do someting
}

and

@if variable-exists($myMap) {
// do something
}

But I get the error "Undefined variable: "$myMap"? I'm sure this is pretty straghtforward but I can't seem to find the answer online?

Thanks

Perhaps try without the `$` in the if statement: https://stackoverflow.com/a/13237776/3909886 — Sam Willis, Jul 12 '18 at 13:39

mfluehr · Answer 1 · 2022-08-30T13:41:20.557

2

It's a little confusing, but when checking for a variable's existence, skip the $. You also need to set it as a global variable so it doesn't get scoped only to the @if block. This works:

@if variable-exists(myMap) == false {
  $myMap: (
    1: "foo",
    2: "bar"
  ) !global;
}

// ... now you can use your variable

edited Aug 30 '22 at 13:41

answered Jul 16 '18 at 20:23

mfluehr

2,832
2
23
31

score 0 · Answer 2 · answered Jul 12 '18 at 14:12

You can set the map to exist as null be default, which means that if it isn't explicitly set anywhere, then the variable still exists but with a null value. You can then check if the value of the variable is null using an if statement.

$myMap: null !default;

@if $myMap == null {
  
}

Check if SASS Map exists

2 Answers2