Add support for CSS modules behind CSS layers to improve interop with tailwind
I maintainer di solito rispondono entro 2 giorni
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- 1-2 giorni
- Idoneità per principianti
- 55/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- css, react, tailwindcss, typescript
Direzione di ricerca
Read the CSS layers ADR at contributor-docs/adrs/adr-021-css-layers.md to understand the design. Look at how CSS modules are currently configured and built in the project, likely in build tooling like webpack or vite config. The change involves modifying the CSS build process to output styles within CSS layers. Test by integrating with @primer/tailwind-config to verify utility classes now have correct specificity.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
Currently, our styles don't sit within any CSS layers outside of dotcom. When used with tools like @primer/tailwind-config, this means that it is non-trivial to use a tailwind class with a component since the tailwind utility class will always lose in specificity (because it is wrapped in a layer)
This issue tracks adding support for this directly into primer/react and removing this from dotcom by following our CSS layers ADR.
- Lingua principale
- TypeScript
- Stelle
- 3.9k
- Fork
- 691
- Merge medio
- 3g 12h
- PR unite (30g)
- 41
Preparare l'ambiente
Avvia il container di sviluppo del progetto nel browser, con il tuo account GitHub.
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Nessuna guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di primer/react
-
ActionMenu: add preventFocusOnCloseForse già presa @tay1orjones l’ha presa 5 giorni fa. Apertacomponent: ActionMenu
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
primer/react#8488 · 1 commento · 1 reazione · 1 assegnatario ·
I maintainer di solito rispondono entro 2 giorni
-
FormControl renders duplicate non-choice inputs when layout="horizontal"Forse già presa @namangoyal176-10 l’ha presa 5 giorni fa. Apertabug
Difficoltà 2/5 1-3 ore Idoneità per principianti 84/100
I maintainer di solito rispondono entro 2 giorni
-
PageHeader.Title does not seem to accept id propForse già presa @minwookshin l’ha presa 10 giorni fa. Apertacomponent: PageHeader react staff
Difficoltà 2/5 1-3 ore Idoneità per principianti 72/100
primer/react#8474 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 2 giorni
-
The padding prop seems to have no effect with PageLayout.SidebarForse già presa @minwookshin l’ha presa 10 giorni fa. Apertacomponent: PageLayout react staff
Difficoltà 2/5 1-3 ore Idoneità per principianti 68/100
primer/react#8470 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 2 giorni
-
bug component: Spinner react
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
primer/react#8423 · 1 commento ·
I maintainer di solito rispondono entro 2 giorni
Tutte le issue di primer/react
Issue simili
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
Agenta-AI/agenta#7542 · 1 commento · 1 reazione ·
I maintainer di solito rispondono entro 1 giorno
-
code quality security
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
I maintainer di solito rispondono entro 1 giorno
-
enhancement good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 90/100
-
feat(icons): add [solidping]Aperta
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 82/100
homarr-labs/dashboard-icons#2939 ·
I maintainer di solito rispondono entro 1 giorno