Support variables

Description

Label {
  color: @label.color
}

Label:hover {
  color: @label.hover
}

Label {
  color: @prop:color;
}

Label:hover {
  color: @prop:hover;
}

Guia do colaborador

Pilha de tecnologia

javascriptreactcss

Domain

frontenddesign

Tipo Issue

feature

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.

1-2 days

Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.

stale

ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.

clear

Prerequisites

ReactCSSreact css components basics

Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.

40

Direção de pesquisa

Investigate how react css components currently processes CSS rules and generates styles. Consider implementing a variable syntax (e.g., @var:value) that is resolved at runtime or build time. Look at similar CSS in JS libraries like styled components for variable support patterns. The issue suggests two possible syntaxes; evaluate which aligns with the library's existing design. Check if there are any comments or linked issues that discuss implementation details.