I assume you know what Stylus is and how it can be used in an expressive way to generate CSS. With stylus-in-react, you can directly style your React components with Stylus.
I created this because Stylus has a lot of great features like transparent mixins, built-in functions, in-language functions and many other features.
npm install stylus-in-react
This also depends on React so make sure you've already installed it!
After you're done with the installation, place this in your index.html
IMPORTANT - This is required for client side usage of Stylus
<script src="https://cdn.rawgit.com/nitin42/e860b57e7d72a0cdc34ae0388cd8c6e9/raw/dae9a1a254b26ea951903cbb2d918e13f63db5e0/stylus.min.js"></script>
You can find all the examples here.
- selectors
- variables
- interpolation
- operators
- mixins
- functions
- keyword arguments
- built-in functions
- rest params
- conditionals
- @media queries
- @font-face
- @keyframes
- @Block
- @supports
- char escaping
- iterations
- hashes
You can the complete api reference here.