Getting Started
IntroductionInstallStyled ComponentsCSSNested SelectorsWith PropsOverride Component StylePseudo ElementsStyle Any ComponentGlobalMedia QueriesKeyframesThemingComponent SelectorLabelsServer Side RenderingAuto PrefixingUsing As Prop
Integrations
create react apppreactnextjsgatsbytailwind
Miscellaneous
Under The Hood
Packages
@filbert-js/core@filbert-js/theming@filbert-js/server-stylesheet@filbert-js/browser-stylesheet@filbert-js/autoprefixer@filbert-js/css-ast@filbert-js/style-sheet-context@filbert-js/css-parser@filbert-js/stylesheet@filbert-js/types@filbert-js/macrobabel-plugin-filbertgatsby-plugin-filbert

@filbert-js/macro

A Babel macro for filbert, converts styled.div syntax to styled('div') calls.

Install

npm install --save @filbert-js/macro

How to use

1import React from 'react';
2import { styled } from '@filbert-js/macro';
3
4const Button = styled.button`
5 margin: 0;
6 padding: 1rem;
7 font-size: 1rem;
8 background-color: tomato;
9`;