Support variables

説明

Label {
  color: @label.color
}

Label:hover {
  color: @label.hover
}

Label {
  color: @prop:color;
}

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

コントリビューターガイド

技術スタック

javascriptreactcss

領域

frontenddesign

Issue 種別

feature

難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。

3

推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。

1-2 days

活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。

stale

明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。

clear

前提条件

ReactCSSreact css components basics

初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。

40

調査方針

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.