@barelyhuman/stone NPM

stone

A hackable CSS-in-JSS solution

Github

About

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.

Documentation

You can read the docs here

Roadmap

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.