Importing css for reference

[ghost]

Not sure if this is a plugin issue or a lesscss issue. I'm trying to do the following

@import (reference) "http://yui.yahooapis.com/pure/0.3.0/buttons-min.css";

and then apply that style to all my buttons

button {
.pure-button
}

I get

[ERROR] 234 }: Error: NameError: .pure-button is undefined in /var/folders/l_/8yr1sgwd1bqgttcb1dhq_zsr0000gp/T/tmp8671075994062153763less.tmp on line 233, column 3:
[ERROR] 232 button {
[ERROR] 233 .pure-button
[ERROR] 234 }

Is this a bug or my misunderstanding? And if my misunderstanding, is there a way to accomplish what I'm trying to do.

[ghost]

I ended up doing the following:

#pure-css-ref() {
@import (less) "http://yui.yahooapis.com/pure/0.3.0/buttons.css";
}

button {
#pure-css-ref > .pure-button
}

Seems to provide what I need. I still think (reference) should be giving me this for free.

[rbarato]

+1

[cantolick]

+1
I would like to see the @import (reference) work.

[agabrys]

This is the same as #51. It can be closed as a duplicate.