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

Media Queries

I'm red !!

1import React from 'react';
2import { styled } from '@filbert-js/core';
3
4const Paragraph = styled('p')`
5 color: red;
6 font-size: 1rem;
7 @media (min-width: 420px) {
8 font-size: 3rem;
9 }
10`;
11
12render(<Paragraph>I'm red !!</Paragraph>);