Component Selector

I'm gray!!

1import React from 'react';
2import { styled } from '@filbert-js/core';
3
4const Button = styled('button')`
5 margin: 0 1rem;
6 background: #1f368f;
7 color: white;
8 border: none;
9 outline: none;
10`;
11const Paragraph = styled('p')`
12 color: gray;
13 ${Button} {
14 color: #1f368f;
15 background: white;
16 }
17`;
18
19render(
20 <React.Fragment>
21 <Button>A button</Button>
22 <Paragraph>
23 I'm gray!!
24 <Button>I'm inside paragraph</Button>
25 </Paragraph>
26 </React.Fragment>,
27);