all Boxes have same props

[Marek Sedlacek]

Hey love the idea.
is this on purpose or a bug?

same props on all boxes

import r from "rol";
import s from "styled-components";
import { space, layout, color } from "styled-system";

const Box = r.div`${layout} ${space} ${color}`;

function Home() {
  return r.compose(
    r.section,
    Box({ m: 50, backgroundColor: "pink" }),
    r.compose(
      Box({ m: 0 }),
      Box({ color: "blue" }),
      Box({ pt: 100 })
    )
  )("hello world");
}```

[Sultan Arziyev]

Hi @marek-sed!
Thanks for reporting, I have checked it, looks like is a bug with styled-components.
Now I will try to fix it.

[Sultan Arziyev]

@marek-sed
The bug is fixed!

You can check it here online.

[Marek Sedlacek]

thank you awesome :)