Microsoft/vscode

[css] Support for SVG 2 CSS Properties

Open

#85.828 aberto em 29 de nov. de 2019

Ver no GitHub
 (18 comments) (23 reactions) (1 assignee)TypeScript (10.221 forks)batch import
css-less-scssfeature-requesthelp wanted

Métricas do repositório

Stars
 (74.848 stars)
Métricas de merge de PR
 (Mesclagem média 11h 43m) (1.000 fundiu PRs em 30d)

Description

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

Guia do colaborador

Direção de pesquisa
Localize onde a validação de propriedades CSS é implementada no VS Code (provavelmente no serviço de linguagem CSS ou na extensão CSS integrada) e adicione as propriedades específicas de elementos SVG 2 (por exemplo, 'cx', 'cy', 'r', 'd') à lista de propriedades CSS reconhecidas. Verifique o formato de dados personalizados CSS, se necessário.
Pilha de tecnologia
typescriptcss
Domain
developer experiencefrontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
CSSGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
70