emotion2.md

In this example I have two base classes foo and bar.

const foo = css`
  color: red;
`;

const bar = css`
color: blue;
`;

Now lets create two additional calsses boz and biz

const boz = css`
  ${foo};
  ${bar};
  padding: 1rem;
`;

const biz = css`
  composes: ${foo} ${bar};
  padding: 1rem;
`;

This will generate

.css-1gao8uk{color:red;}
.css-bithoy{color:blue;}
.css-2xaek2{color:blue;padding:1rem;}

So why do I need composes property? :) I was trying many combinations but no luck :/

Wait ... According to this issue I don't need composes property at all, right?

Thank you!