Deraen/less4clj

Import font in semantic-ui results in incorrect css

freakinruben opened this issue · 1 comments

So, semantic-ui is working!

But I keep getting a warning:
WARN: Compilation resulted in incorrect CSS. The IMPORT ended up inside a body of rule set located at 17:1 at line 51

It seems to be caused by this line:

/*******************************
             Page
*******************************/

.loadFonts();

Which triggers this mixin:

.loadFonts() when (@importGoogleFonts) {
  @import url('@{googleProtocol}fonts.googleapis.com/css?family=@{googleFontRequest}');
}

And then results in the following css:

 {
  /*******************************
             Page
*******************************/
  @import url('https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic&subset=latin');
}

The {} around the import statement shouldn't be there I think

I opened issue upstream at less4j: SomMeri/less4j#364