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.