How to include css files in less file?

Question

css

You just need to include the old css files in the unifying file less. Why then if I do

@import "styles.css";
@import "styles2.css";

Gives an error message:

[email protected]:~/Code/smartcrowd/public$ gulp less
[07:05:31] Using gulpfile ~/Code/public/gulpfile.js
[07:05:31] Starting 'less'...

events.js:85
      throw er; // Unhandled 'error' event
            ^
Error: Broken @import declaration of "\url(../../../css/font-awesome.css\" Broken @import declaration of "\url(../../../css/bootstrap.css\" Broken @import declaration of "\url(../../../css/style.css\" Broken @import declaration of "\url(../../../css/media_queries.css\"

And if I connect only one css file, then all the rules pass and two give an error. What's the matter ?

Answer 1

try like this

@import "styles.less.css";
@import "styles2.less.css";

или так
@import (css) "styles.css";
@import (css) "styles2.css";

Answer 2

I just change the css permission to less on the files themselves.

Answer 3

It turned out to overcome the error only when changing files from css to less.
But I feel that some kind of crutch solution.
Does anyone know why gulp-less tries to take files from the ancestor folder (../some.css instead of some.css) with css files?