less.ruby icon indicating copy to clipboard operation
less.ruby copied to clipboard

@media support

Open d--j opened this issue 15 years ago • 2 comments

This valid CSS:

@media screen {
    body {
        color:red;
    }
    h1 {
        color:blue;
    }
}

get compiled to

@media screen body { color: red; }
@media screen h1 { color: blue; }

(note the missing curly braces and the repetition of @media screen)

Reference: http://www.w3.org/TR/CSS2/media.html#at-media-rule

d--j avatar Dec 10 '09 19:12 d--j

I assume this tag means that this feature will not be implemented in comand-line Less? I must admit this is disappointing.

alanhogan avatar Apr 29 '10 00:04 alanhogan

Additionally, using media queries throws an error. For example, try

@media screen and (max-width: 500px) {
    .iphone-stuff {
        color: blue;
    }
}

gordonbrander avatar Jun 23 '10 02:06 gordonbrander