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

Global

I'm pink
1import React from 'react';
2import { Global } from '@filbert-js/core';
3
4render(
5 <React.Fragment>
6 <Global
7 styles={`
8 .text {
9 background: hotpink;
10 padding: 1rem;
11 }
12 `}
13 />
14 <div className="text">I'm pink</div>
15 </React.Fragment>,
16);