rouge icon indicating copy to clipboard operation
rouge copied to clipboard

css media query support Range Context

Open juner opened this issue 10 months ago • 1 comments

Name of the lexer css

Code sample

@media (width > 100px) {
    :root {
        color: red;
    }
}

Image

https://rouge.jneen.net/v4.5.1/css/QG1lZGlhICh3aWR0aCA-IDEwMHB4KSB7CiAgICA6cm9vdCB7CiAgICAgICAgY29sb3I6IHJlZDsKICAgIH0KfQoK

Additional context

2.4.3. Evaluating Media Features in a Range Context - CSS Media Queries Level 4 https://www.w3.org/TR/mediaqueries-4/#mq-range-context

Media Queries: Range Syntax | Can I use... Support tables for HTML5, CSS3, etc https://caniuse.com/css-media-range-syntax

juner avatar Feb 10 '25 00:02 juner

The same thing happens with >= and <=.

My update about CSS lexer didn't fix this. (I mainly updated the keywords lists).

gerardbm avatar Mar 28 '25 07:03 gerardbm