Possible false validation error "Property d doesn't exist."
@ylafon ya está trabajando en esto.
Desde el 10/4/2024.
Evaluación
Este issue todavía no se ha evaluado.
Descripción
Hey!
I was attempting to validate the following CSS but recieved an error.
Been discussing it with the developer, and they are pretty sure it in fact is valid CSS.
Possible relevant info on the path d property: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/d
It's also been tested on a lot of different devices, working fine.
Can this possible be a false positve by the CSS validation?
`/**
-
- v2.0.0-beta7
- Copyright (c) 2023
- Licensed GPLv2+
*/
[data-color-mode*=updating] *:not(.ct-color-switch *)
{
transition: none !important;
}
[data-color-mode*=dark] [data-color-switch=normal],[data-color-mode*=light] [data-color-switch=reversed]
{
--is-toggled: var(--true);
--is-light-mode-visible: none;
--is-toggled-path: path("M-9 3h25a1 1 0 0017 13v30H0Z");
}
[data-color-mode*=dark] [data-color-switch=reversed],[data-color-mode*=light] [data-color-switch=normal]
{
--is-toggled: var(--false);
--is-dark-mode-visible: none;
}
@media(prefers-color-scheme: dark)
{
[data-color-mode=os-default] [data-color-switch=normal]
{
--is-toggled: var(--true);
--is-light-mode-visible: none;
--is-toggled-path: path("M-9 3h25a1 1 0 0017 13v30H0Z");
}
[data-color-mode=os-default] [data-color-switch=reversed]
{
--is-toggled: var(--false);
--is-dark-mode-visible: none;
}
}
@media(prefers-color-scheme: light)
{
[data-color-mode=os-default] [data-color-switch=normal]
{
--is-toggled: var(--false);
--is-dark-mode-visible: none;
}
[data-color-mode=os-default] [data-color-switch=reversed]
{
--is-toggled: var(--true);
--is-light-mode-visible: none;
--is-toggled-path: path("M-9 3h25a1 1 0 0017 13v30H0Z");
}
}
.ct-color-switch
{
--animation-duration: 300ms;
}
.ct-color-switch .ct-dark-mode-label
{
display: var(--is-dark-mode-visible, block);
}
.ct-color-switch .ct-light-mode-label
{
display: var(--is-light-mode-visible, block);
}
.ct-color-switch .ct-switch-type-expand :first-child path
{
d: var(--is-toggled-path, path("M0-11h25a1 1 0 0017 13v30H0Z"));
transition-delay: var(--is-toggled, calc(var(--animation-duration) * 0.4));
transition-timing-function: var(--is-toggled, cubic-bezier(0, 0, 0, 1.25));
}
.ct-color-switch .ct-switch-type-expand g path
{
transform: var(--is-toggled, scale(0.75));
transition-delay: var(--is-toggled, 0s);
}
.ct-color-switch .ct-switch-type-expand g circle
{
transform: var(--is-toggled, scale(1.4));
transition-delay: var(--is-toggled, 0s);
}
.ct-color-switch .ct-switch-type-within .ct-switch-type-within__circle
{
transform: var(--is-toggled, scale(1.5));
}
.ct-color-switch .ct-switch-type-within .ct-switch-type-within__inner
{
transform: var(--is-toggled, translate3d(3px, -3px, 0) scale(1.2));
}
.ct-color-switch .ct-switch-type-within g path
{
transform: var(--is-toggled, scale(0.65));
}
.ct-color-switch .ct-switch-type-dark-inner :first-child
{
transform: var(--is-toggled, rotate(180deg));
}
.ct-color-switch .ct-switch-type-dark-inner :last-child
{
transform: var(--is-toggled, rotate(-180deg));
}
.ct-color-switch .ct-switch-type-expand :first-child path
{
transition-property: transform,d;
transition-duration: calc(var(--animation-duration)*.6);
transition-timing-function: cubic-bezier(0, 0, 0.5, 1);
}
.ct-color-switch .ct-switch-type-expand g path,.ct-color-switch .ct-switch-type-expand g circle
{
transform-origin: center;
transition: transform calc(var(--animation-duration).65) cubic-bezier(0, 0, 0, 1.25) calc(var(--animation-duration).35);
}
.ct-color-switch .ct-switch-type-within *
{
transform-origin: center;
transition: transform calc(var(--animation-duration)) cubic-bezier(0, 0, 0, 1.25);
}
.ct-color-switch .ct-switch-type-dark-inner path
{
transform-origin: center;
transition: transform var(--animation-duration) ease;
}
@supports not (d: path(""))
{
.ct-color-switch .ct-switch-type-expand :first-child path
{
transform: var(--is-toggled, translate3d(-9px, 14px, 0));
}
}`
- Lenguaje dominante
- Java
- Estrellas
- 252
- Forks
- 124
- Merge medio
- 2 d 1 h
- PR fusionados (30 d)
- 1
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin 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 w3c/css-validator
-
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
w3c/css-validator#525 ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 55/100
w3c/css-validator#521 · 1 comentario ·
-
Misleading parse errorAbierto
Dificultad 3/5 1-2 días Aptitud para principiantes 65/100
w3c/css-validator#520 · 1 comentario ·
-
Not recognizing calc result as number, nor recognizing @propertyPosiblemente ocupada @ylafon la tomó hace 20 días. Abiertobug
Dificultad 4/5 3-5 días Aptitud para principiantes 55/100
w3c/css-validator#518 · 2 comentarios · 1 asignado ·
-
Dificultad 3/5 1-2 días Aptitud para principiantes 65/100
w3c/css-validator#514 ·
Todos los issues de w3c/css-validator
Issues similares
-
[Bug] [Go] Ack returns nil when the server answers with a non-OK statusPosiblemente ocupada @leizhiyuan la tomó hoy. Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 84/100
apache/rocketmq-clients#1465 ·
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
Los mantenedores suelen responder en 1 día
-
pdfium-drift
Dificultad 1/5 Menos de una hora Aptitud para principiantes 88/100
Stirling-Tools/JPDFium#188 ·
Los mantenedores suelen responder en 1 día
-
security
Dificultad 1/5 Menos de una hora Aptitud para principiantes 70/100
IBM/ibm-quarkus-ai-langchain4j-workshop#160 ·
Los mantenedores suelen responder en 1 día
-
Manager flashes an empty "errorOccurred" dialog while redirecting a logged-out user to loginAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
openremote/openremote#3487 · 1 comentario ·