andreypopp/react-css-components

Support variables

Open

#11 建立於 2016年6月17日

在 GitHub 查看
 (6 留言) (0 反應) (0 負責人)JavaScript (676 star) (23 fork)batch import
enhancementhelp wanted

描述

This looks great, any plans for variable support?

Label {
  color: @label.color
}

Label:hover {
  color: @label.hover
}

or

Label {
  color: @prop:color;
}

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

貢獻者指南

技術棧
javascriptreactcss
領域
frontenddesign
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
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.