ninjass 🥷

meaning: inline css-in-js

A tiny, no compile, high performance, css-in-js library that uses inline styles.

npm i --save ninjass

• Server Side Rendering ✅
  • Client side ✅
  • Server side ✅
• :hover ✅
• css variables ✅
• :after/:before 🤔
  • just add extra elements to the component
• media queries ✅
• keyframe animations 🤔
  • add the @keyframe rule to the dom and use animation
• auto vendor prefixing 🤔
  • Possible but there's only a small number of less commonly used properties that require vendor prefixing
• :is/:not/:has/:where/:nth-child 🤔
  • Probably not needed...?
• :focus
• :checked
• :enabled/:disabled
• :required/:optional
• :valid/:invalid