Cannot compile: "Base-level rules cannot contain the parent-selector-referencing character '&'."

[heavior]

I'm trying to include hint.css and change its style, but cannot compile it using the compass:

Error: Base-level rules cannot contain the parent-selector-referencing character '&'.\A on line 18 of /bower_components/hint.css/src/hint-mixins.scss, in `arrow-border-color'\A from line 81 of /bower_components/hint.css/src/hint-position.scss\A from line 23 of /bower_components/hint.css/src/hint.scss\A from line 9

[chinchang]

Whats your node-sass version?

[heavior]

node-sass: 3.9.5 compass: 1.0.3

[d8vjork]

Message:
    src\sass\hint\hint-always.scss
Error: Undefined variable: "$hintPrefix".
        on line 11 of src/sass/hint/hint-always.scss
>>                      @include set-margin('translateY', -1, -100%);

Same here, with gulp-sass, cannot compile

[ErinPo]

Error: Base-level rules cannot contain the parent-selector-referencing character '&'. on line 18 of hint-mixins.scss, inarrow-border-color' from line 81 of hint-position.scss from line 23 of hint.scss Use --trace for backtrace. `

Same here! Anyone figured out how to correct?

[chinchang]

I tried out with node-sass 4.5.0. Here is my test case - I made a file hello.scss and imported hint.scss in it:

@import './src/hint.scss';

This hello.scss compiled successfully. @heavior @d8vjork @ErinPo is your use case same as mine or I am testing the wrong thing?

[ErinPo]

I did

sudo gem install sass

and then

sass hint.scss hint.css

on MacOS with Sass 3.4.23 (Selective Steve)

[jptaylor]

Seems to work with node-sass, but not the gem.

sass -v
Sass 3.4.23 (Selective Steve)

[chinchang]

fixed in 2.5.1