rouge
rouge copied to clipboard
css media query support Range Context
Name of the lexer css
Code sample
@media (width > 100px) {
:root {
color: red;
}
}
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
The same thing happens with >= and <=.
My update about CSS lexer didn't fix this. (I mainly updated the keywords lists).