[DevEx][Perf] Leverage PostCSS to implement shorthand media queries and ensure they are merged
Los mantenedores suelen responder en 1 día
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Aptitud para principiantes
- 35/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- css, sass
Línea de trabajo
Empieza con assets/scss/components/main/_media-queries.scss y compara la configuración propuesta con el ejemplo grunt/postcss.js de Raft. Implementa la abreviatura de custom-media y la combinación de media queries en el flujo de compilación de Neve; se considera terminado cuando SCSS puede usar consultas abreviadas y la salida generada combina las media queries equivalentes.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Description:
We can leverage postcss-custom-media and postcss-combine-media-query to improve the development experience with SCSS.
Right now, we're using a _media-queries.scss file with mixins to gather all media queries. This would help us inline everything in SCSS and also ensure that if there are any inlined media queries, these are merged for efficiency purposes.
Also, postcss-custom-media will ensure standardization and enable shorthands to make things easier and enable developers to not think if the media-query should be min-width or max-width every time.
For example
@media (min-width: #{$tablet})
// Will become
@media (--tablet)
I've implemented this in Raft, and it seems to work quite well.
- Lenguaje dominante
- PHP
- Estrellas
- 307
- Forks
- 88
- Merge medio
- 1 d 23 h
- PR fusionados (30 d)
- 14
Preparar el entorno
- Incluye un Dockerfile o un archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la 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 Codeinwp/neve
-
Primary menu dropdown arrows gain circular button decoration in Neve 4.2.13Posiblemente ocupada @girishpanchal30 la tomó hoy. Abiertobug-report bug-report-triage customer report regression
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Codeinwp/neve#4636 · 5 comentarios · 1 asignado ·
Los mantenedores suelen responder en 1 día
-
feature-request-triage
Dificultad 5/5 Más de una semana Aptitud para principiantes 25/100
Los mantenedores suelen responder en 1 día
-
feature-request-triage
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
Los mantenedores suelen responder en 1 día
-
customer report feature-request-triage
Dificultad 4/5 3-5 días Aptitud para principiantes 52/100
Los mantenedores suelen responder en 1 día
-
customer report feature-request-triage
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
Los mantenedores suelen responder en 1 día
Todos los issues de Codeinwp/neve
Issues similares
-
Infrastructure: actions Module: zmscitizenapi Module: zmsentities php Type: Bug unit tests
Dificultad 2/5 1-3 horas Aptitud para principiantes 88/100
it-at-m/eappointment#3480 ·
Los mantenedores suelen responder en 1 día
-
CI: composer install fails — league/flysystem 1.x blocked by security advisory GHSA-cxf4-7mrp-vvprAbiertodevops type: bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
Los mantenedores suelen responder en 1 día
-
needs approval
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
Los mantenedores suelen responder en 3 días
-
product / avatars product / self-hosted product / storage
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
appwrite/appwrite#13985 · 1 comentario ·
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día