import css inside media queries

[ghost]

Hi,

I would like to have some kind of functionality where I can include CSS/LESS-files within @media queries. Just copy the @import function and allow it inside media queries and we're all set. :)

For example:

@media screen {
    @include "default.less"
    @include "fancybox.css"
}

Keep up the good work!

[sergeylukin]

I think same feature already requested in: #560

[joeldrapper]

You can do this already but only with .less files. Issue #560 already requests imports to support CSS as mentioned above.

@media screen and (max-width: 500px) {
    @import "test.less";
}

[D-system]

In the case it's not possible to change the extension to .less, how can I do ?

[lukeapage]

new options "inline" and "less" allow you to pull css in this way or treat a css file like a less file.

so the only thing left for this request is to convert

@media screen and (max-width: 500px) {
    @import "test.css";
}

into

@import "test.css" screen and (max-width: 500px);