WIP. Move Along!
React Style Components
React Components for Styling Elements.
Supported Components
Pseudo-classes
hover
pseudo-element
Generic hover styles for any element
Link-related pseudo class selectors
:link
:visited
:hover
:active
Text-related pseudo class selectors / elements
:first-letter
::first-line
Content-related pseudo "elements"
::before
::after
Position/Number-based pseudo class selectors
TODO
Most likely we'll have to use React.Children
methods in these selectors alongside Array.prototype
methods
:first-child
:last-child
:nth-child(N)
:nth-oth-type(N)
:first-of-type
:last-of-type
:nth-last-of-type(N)
:nth-last-child(N)
:only-of-type
Relational pseudo class selectors
TODO
:not(S)
- Can implement using
Array.prototype.filter
- Can implement using
:empty
- Can implement using
Array.prototype.filter
- Can implement using
Input & link related pseudo class selectors
TODO
:focus
:target
:enabled
:disabled
:checked
:indeterminate
TODO:
- Figure out how to handle the cascade, do users "opt-in" to default styles? Or must they be specific on everything?