yarn add sheety

Usage

Sheety works with any framework, but this example uses React for demonstration purposes.

import React from "react";
import css from "sheety";

const className = css`
  font-size: 6em;
  color: #333;
  text-align: center;
`;

const Title = props => {
  return (
    <h1 className={className}>sheety example 💩</h1>
  )
};

export default Title;

Credit

sheety was bootstrapped following Kyle Hohenberger's article Writing A CSS-in-JS Library From Scratch. It's definitely an interesting exercise for anyone who is interested in CSS-in-JS and wants to learn more.

Looking for a more powerful solution? Check out emotion.