@filbert-js/core

A light weight(~1KB) css-in-js solution(framework)🎨.

Install

yarn add @filbert-js/core

Usage

1import React from 'react';
2import { styled, Global } from '@filbert-js/core';
3
4const Button = styled('button')`
5 background: pink;
6 border: solid 1px gray;
7`;
8
9render(
10 <>
11 <Button>This is a Button component.</Button>
12 <Global
13 styles={`
14 .text {
15 background: hotpink;
16 padding: 1rem;
17 }
18 `}
19 />
20 <div className="text">I'm pink</div>
21 </>,
22);

More documentation is available at https://filbert-js.vercel.app.