A hackable CSS-in-JSS solution
[WIP] IT WORKS RIGHT NOW BUT IS STILL IN ALPHA STAGES (THE API MIGHT CHANGE)
Stylebone is fun pet project that I wanted to do. It's based off of AndrewPrifer/theminator's concept of being to use simple theme configurations and using them as styles.
This though isn't very performant when working with platforms so this library aims to move it ahead by acting as a pre-processor that bundles styles for the same.
This allows us to convert needed theme into proper stylesheets when working with web and StyleSheet.create
insertions when working with something like React Native. These are accomplished by plugins or as I call them adaptors that create the needed files at runtime and import them as modules for web and create Stylesheet.create
when working with React Native, or do anything else with the parsed css token, go bonkers with it and create your own adaptor as needed.
The library isn't limited to the two platforms as you can find other handlers (or create your own) to support you preferred platform.
You can read the docs here
- Create style utilities
- Add handling for color manipulation
- Add more needed plugins for the same
- Write processor for handling conversion into files
- Create adaptor to handle inline styling -
import {CSSWebInlineAdaptor} from "@barelyhuman/stone
- Create adaptor to inject styles to the html
style
tag -import {CSSWebInjectAdaptor} from "@barelyhuman/stone
- Create adaptor to create frozen objects of
StyleSheet.create
for React Native - Create adaptor / babel plugin / cli tool to read all css definitions and create a
.css
file out of it.
Contributions are always welcome!
Follow the general github flow of Fork => PR, make sure that you let the authors know about the issue you pick to avoid overlaps.
- @barelyhuman
- @AndrewPrifer - the original author of the idea
For support, email ahoy@barelyhuman.dev