react-style-components

0.0.1 • Public • Published

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
  • :empty
    • Can implement using Array.prototype.filter

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?

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.0.1
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.0.1
    0

Package Sidebar

Install

npm i react-style-components

Weekly Downloads

0

Version

0.0.1

License

none

Last publish

Collaborators

  • joshblack