Microsoft/vscode

[css] Support for SVG 2 CSS Properties

Open

#85,828 建立於 2019年11月29日

在 GitHub 查看
 (18 留言) (23 反應) (1 負責人)TypeScript (10,221 fork)batch import
css-less-scssfeature-requesthelp wanted

倉庫指標

Star
 (74,848 star)
PR 合併指標
 (平均合併 11小時 43分鐘) (30 天內合併 1,000 個 PR)

描述

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! ✨

貢獻者指南

研究方向
找到VS Code中實作CSS屬性驗證的位置（很可能在CSS語言服務或內置的CSS擴展中），然後將SVG 2元素特定屬性（如'cx'、'cy'、'r'、'd'）添加到已識別的CSS屬性列表中。如果需要，檢查CSS自定義數據格式。
技術棧
typescriptcss
領域
developer experiencefrontend
議題類型
錯誤
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
半天
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
活躍
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
清晰
前置要求
CSSGit
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
70