select all inputs with type as well as text area and select elements with :focus
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Error
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- javascript, scss, tailwindcss
- Área
- tooling
Línea de trabajo
Reproduce the two nested selector examples from the issue and inspect how the plugin transforms the nesting with and without the :focus suffix. The change is done when the second form produces the same focused selectors and its behavior is covered by a regression test.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Howdy! 👋
I am currently working on a TailwindCSS/PostCSS project and I am using the @tailwindcss/forms plugin. Unfortunately, it applies an undesired color styling to my forms. The author's recommended approach is to use normal CSS to override that color on the base layer which I am doing. I also have postcss-nested installed and configured on my project according to the instructions of TailwindCSS v3 documentation.
Given the two examples below, only the first one works. The second, which I wish it worked does not. I would like to know what I am doing wrong. :(
TLDR: The first example works but I have to add :focus suffix to all elements I want to target.
// Works
@layer base {
[type="text"]:focus,
[type="email"]:focus,
[type="url"]:focus,
[type="password"]:focus,
[type="number"]:focus,
[type="date"]:focus,
[type="datetime-local"]:focus,
[type="month"]:focus,
[type="search"]:focus,
[type="tel"]:focus,
[type="time"]:focus,
[type="week"]:focus,
[multiple]:focus,
textarea:focus,
select:focus {
border-color: theme("colors.primary-light");
}
}
// Does not work
@layer base {
[type="text"],
[type="email"],
[type="url"],
[type="password"],
[type="number"],
[type="date"],
[type="datetime-local"],
[type="month"],
[type="search"],
[type="tel"],
[type="time"],
[type="week"],
[multiple],
textarea,
select {
&:focus {
border-color: theme("colors.primary-light");
}
}
}
- Lenguaje dominante
- JavaScript
- Estrellas
- 1.2k
- Forks
- 64
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Guía de contribución
No hay ninguna guía de contribución indexada para este repositorio
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 postcss/postcss-nested
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
postcss/postcss-nested#169 · 3 comentarios · 1 reacción ·
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
postcss/postcss-nested#139 · 1 comentario ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 42/100
postcss/postcss-nested#111 · 1 comentario ·
Todos los issues de postcss/postcss-nested
Issues similares
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
-
area-deployment area-integrations triage:bot-seen
Dificultad 2/5 Medio día Aptitud para principiantes 86/100
-
Issue-Bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
sugarlabs/musicblocks#8924 ·
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 90/100
ArduPilot/ardupilot_wiki#8088 ·
-
[BUG] createTool tools cannot be registered with Mastra when exactOptionalPropertyTypes is enabled Abiertocustomer-eng status: needs triage
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100