Microsoft/vscode

[css] Support for SVG 2 CSS Properties

Open

#85.828 geöffnet am 29. Nov. 2019

Auf GitHub ansehen
 (18 Kommentare) (23 Reaktionen) (1 zugewiesene Person)TypeScript (10.221 Forks)batch import
css-less-scssfeature-requesthelp wanted

Repository-Metriken

Stars
 (74.848 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 11h 43m) (1.000 gemergte PRs in 30 T)

Beschreibung

SVG 2 introduces the possibility of setting SVG properties in CSS (see CSS Tricks' post under "Element-specific properties -> "Positioning SVG elements"). This means this example should be valid:

circle {
  r: 2;
  cx: 10;
  cy: 100;
}

path {
  d: 'L0 100';
}

However, these properties trigger the s?css(unknownProperties) warning:

image

I'm not too familiar with VS Code's insides and what program checks for valid properties. If this belongs somewhere else, I'd be happy to re-issue there.

Thanks! ✨

Contributor Guide

Research-Richtung
Finden Sie heraus, wo die CSS Eigenschaftsvalidierung in VS Code implementiert ist (wahrscheinlich im CSS Sprachdienst oder in der integrierten CSS Erweiterung), und fügen Sie dann SVG 2 Elementeigenschaften (z. B. 'cx', 'cy', 'r', 'd') zur Liste der erkannten CSS Eigenschaften hinzu. Überprüfen Sie ggf. das CSS Benutzerdatenformat.
Tech Stack
typescriptcss
Domain
developer experiencefrontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Halber Tag
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
CSSGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
70