atlassian-labs/compiled v0.6.1

on GitHub

New features

Functions with arguments static evaluation (#476)

Functions that take arguments can now be statically evaluated further, meaning you can further create reusable CSS atoms to reuse between components.

import '@compiled/react';

const font = color => ({
  color,
  fontSize: 20,
});

<div css={font('red')} />

.color-red { color: red; }
.font-size-20px { font-size: 20px; }