chriseppstein/compass — Issue #613: Cannot Concatenate Strings in @import
Author: parkr
Created: 2011-11-08 22:06:05+00:00
State: open

I cannot seem to use variables when using the `@import` command. I have 2 different styles (white & red) that I want to choose from. At the moment, I have:

`screen.scss`

```scss
@import "main";
```

`main.scss`

```scss
$banner_color: "white";
@import "partials/identity";
@import "partials/search";
```

`partials/_identity.scss`

```scss
@import "identities/cu-" + #{$banner_color};
```

`partials/_search.scss`

```scss
@import "identities/search-" + #{$banner_color};
```

And I get this error when running `compass compile`:

```bash
error sass/screen.scss (Line 1: Invalid CSS after "@import ": expected uri, was "identities/cu- ...")
```

It doesn't look like the variable is being properly concatenated. I tried interpolation (`@import "identities/cu-#{$banner_color}`) but that fails too... Looks like a bug to me!