Creating or referencing variables dynamically in Sass

Question

I\'m trying to use string interpolation on my variable to reference another variable:

// Set up variable and mixin
$         


        

Answer 1

Anytime I need to use a conditional value, I lean on functions. Here's a simple example.

$foo: 2em;
$bar: 1.5em;

@function foo-or-bar($value) {
  @if $value == "foo" {
    @return $foo;
  }
  @else {
    @return $bar;
  }
}

@mixin do-this($thing) {
  width: foo-or-bar($thing);
}