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