andreypopp/react-css-components

Support variables

Open

#11 opened on Jun 17, 2016

View on GitHub
 (6 comments) (0 reactions) (0 assignees)JavaScript (676 stars) (23 forks)batch import
enhancementhelp wanted

Description

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;
}

Contributor guide

Tech stack
javascriptreactcss
Domain
frontenddesign
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-2 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
ReactCSSreact css components basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
40
Research direction
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.