Support variables

Description

Label {
  color: @label.color
}

Label:hover {
  color: @label.hover
}

Label {
  color: @prop:color;
}

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

Guide contributeur

Stack technique

javascriptreactcss

Domaine

frontenddesign

Type d'issue

feature

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

3

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

1-2 days

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

stale

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

clear

Prérequis

ReactCSSreact css components basics

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

40

Direction de recherche

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.