csstools / csstools/postcss-language

`@media screen and (max-width: env(--size-breakpoint-s)) {` breaks highlighting

Open
#15 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
No language data
Stars
83
Forks
11
PR merge metrics
No merged PRs in 30d

Description

Type: Bug

Create a css file w/

```css

.NetworkCopyButton_idContainer,
.NetworkCopyButton_cidrContainer {
position: absolute;
inset: 0;
display: inline-flex;
gap: 1ch;
align-items: center;
justify-content: flex-start;
padding-left: 12px;
padding-right: 12px;
width: calc(100% - 24px);

@media screen and (max-width: env(--size-breakpoint-s)) {
justify-content: center;
}
}
```

in the source. content below the env variable will not be highlighted.

Extension version: 1.0.9
VS Code version: Code 1.75.1 (441438abd1ac652551dbe4d408dfcec8a499b8bf, 2023-02-08T21:34:01.965Z)
OS version: Darwin arm64 22.3.0
Modes:
Sandboxed: No

System Info

|Item|Value|
|---|---|
|CPUs|Apple M1 Max (10 x 24)|
|GPU Status|2d_canvas: enabled
canvas_oop_rasterization: disabled_off
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
metal: disabled_off
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
skia_renderer: enabled_on
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: disabled_off|
|Load (avg)|20, 13, 13|
|Memory (System)|64.00GB (24.57GB free)|
|Process Argv||
|Screen Reader|yes|
|VM|0%|

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.