Add support for CSS modules behind CSS layers to improve interop with tailwind
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 55/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Activo
- Stack tecnológico
- css, react, tailwindcss, typescript
Línea de trabajo
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.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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.
- Lenguaje dominante
- TypeScript
- Estrellas
- 3.9k
- Forks
- 691
- Merge medio
- 3 d 6 h
- PR fusionados (30 d)
- 54
Preparar el entorno
Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Sin guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de primer/react
-
ActionMenu: add preventFocusOnClosePosiblemente ocupada @tay1orjones la tomó hace 4 días. Abiertocomponent: ActionMenu
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
primer/react#8488 · 1 comentario · 1 reacción · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
FormControl renders duplicate non-choice inputs when layout="horizontal"Posiblemente ocupada @namangoyal176-10 la tomó hace 4 días. Abiertobug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 1 día
-
PageHeader.Title does not seem to accept id propPosiblemente ocupada @minwookshin la tomó hace 9 días. Abiertocomponent: PageHeader react staff
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
primer/react#8474 · 1 comentario · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
The padding prop seems to have no effect with PageLayout.SidebarPosiblemente ocupada @minwookshin la tomó hace 9 días. Abiertocomponent: PageLayout react staff
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
primer/react#8470 · 1 comentario · 1 reacción ·
Los mantenedores suelen responder en 1 día
-
bug component: Spinner react
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
primer/react#8423 · 1 comentario ·
Los mantenedores suelen responder en 1 día
Todos los issues de primer/react
Issues similares
-
awaiting-response bug needs-triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
wildcard/caro#1562 · 1 comentario ·
Los mantenedores suelen responder en 3 días
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 72/100
supadata-ai/mcp#27 ·
-
content
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
cosimochellini/one-piece-zero-spoiler#516 ·
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
capricorn86/happy-dom#2485 ·
Los mantenedores suelen responder en 2 días
-
lane: fast
Dificultad 2/5 1-3 horas Aptitud para principiantes 62/100
unicef/adt-studio#946 ·
Los mantenedores suelen responder en 2 días