evanw / evanw/esbuild

Support Custom Media Queries

Open
#4,430 1 comment 0 reactions 0 assignees View on GitHub
Dominant language
Go
Stars
40.1k
Forks
1.3k
PR merge metrics
No merged PRs in 30d

Description

When designing documents that use media queries, the same media query may be used in multiple places, such as to qualify multiple [@import](https://www.w3.org/TR/css-cascade-5/#at-ruledef-import) statements. Repeating the same media query multiple times is an editing hazard; an author making a change must edit every copy in the same way, or suffer from difficult-to-find bugs in their CSS.

(_From https://drafts.csswg.org/mediaqueries-5/#custom-mq_)

This is currently supported by Lightning CSS.

Contributor guide

No contributing guide indexed for this repository

Research direction

Read the CSS Media Queries Level 5 custom media query section and compare the behavior supported by Lightning CSS. Trace esbuild's CSS processing entry points, then verify that named custom media queries can be reused and expanded correctly, including in repeated @import media conditions.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, go
Domain
build-system, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.