csstools / csstools/postcss-plugins
CSS Values lvl 5, standard if() syntax
- Lenguaje dominante
- CSS
- Estrellas
- 1.1k
- Forks
- 83
- Merge medio
- 10 h 16 min
- PR fusionados (30 d)
- 16
Descripción
### What would you want to propose?
Spec: https://drafts.csswg.org/css-values-5/#if-notation
This is the draft for a standard conditional selector.
There is a plugin that does similar thing called postcss-conditional-values, it could either be modified to support new experimental syntax, or a new plugin could be made partly based on it.
Would be nice to have a polyfill for this in the future with the standard syntax.
### Suggested solution
Spec allows media queries, and overall it is differs from postcss-conditional-values in a number of ways, so a new plugin is probably better.
Spec allows stuff like this:
```css
.valid-if {
--if-clause: media(width >= 600px): blue;
color: if(...var(--if-clause); else: green;);
}
```
I don't think is something that can be polyfilled
### Additional context
Overall this is more of a different syntax for queries, and doesn't replace postcss-conditional-values.
This request is related to https://github.com/csstools/postcss-plugins/issues/134 for some part.
### Validations
- [x] Follow our [Code of Conduct](https://github.com/csstools/postcss-plugins/blob/master/CODE_OF_CONDUCT.md)
- [x] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
### Would you like to open a PR for this feature?
- [ ] I'm willing to open a PR
Guía de contribución
Línea de trabajo
Empieza leyendo la especificación de la notación if() de CSS Values Level 5 y comparándola con el plugin postcss-conditional-values existente. El issue no indica archivos, pruebas ni un alcance de implementación definido; para darlo por terminado habría que acordar si un nuevo plugin puede admitir un subconjunto útil de la sintaxis estándar y cómo debería validarse ese alcance.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- css
- Área
- frontend, web-dev
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 5/5
- Tiempo estimado
- Más de una semana
- Estado de actividad
- Estancado
- Claridad
- Necesita aclaración
- Aptitud para principiantes
- 25/100