LessCss and css imports

Question

I'm trying to integrate LessCSS (version 1.0.41) with Blueprint but it seems that I can't import css files in my less stylesheet. So I tried a simpler import:

.red { color: red; }

and put it in test.css. Then, in less_test.css:

@import "test.css":

.test { .red; background-color: pink; }

But LessCSS complains that .red is not defined. What am I missing? If I rename test.css in test.less (and import it as "test") everything runs fine. But would it be safe to change blueprint files extension and use it as screen.less, print.less and ie.less?

Not a direct answer but here's a LESS implementation of Blueprint on github github.com/omnifroodle/blueprint.less — Colin
– Colin, Commented Mar 25, 2011 at 21:15

Jan Hančič · Accepted Answer · 2011-03-24 10:34:49Z

3

As an extension to CSS, LESS is not only backwards compatible with CSS, but the extra features it adds use existing CSS syntax.[1]

Which means that any valid CSS file is also valid LESS file, so you can safely rename your .css files to .less and you shouldn't have any problems.

[1] http://lesscss.org/#docs

answered Mar 24, 2011 at 10:34

Jan Hančič

54k17 gold badges99 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Sili Over a year ago

Thanks, I'll try this way. Let's hope there won't be any problems :-). Sorry, but I can't vote up your answer, too low reputation :-(

Redacted · Accepted Answer · 2011-04-23 14:09:10Z

0

In the past I had the same problem. It turned out to be a simple fix.

I was attempting to use @import to load the BlueprintCSS screen.css file, I had made one inline comment in the screen.css file and left the /**/ in between to curly braces.

Bad code:

.class { margin-top: 12px /*24px*/; }

It turned out that the comment inside of the curly braces causes the LessCSS compiler to freak out and stop processing the file .. leaving out the other needed selectors to use as mixins.

I would see if the file you are importing is causing an error and not finishing the compile.

answered Apr 23, 2011 at 14:09

Redacted

9741 gold badge9 silver badges13 bronze badges

Collectives™ on Stack Overflow

LessCss and css imports

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related