CSS

Style components backed by Atlassian Design System design tokens powered by Compiled CSS-in-JS.

Installation

First set up Compiled.

yarn add @atlaskit/css

Update your Compiled config to have importSources point to @atlaskit/css:

{
+  "importSources": ["@atlaskit/css"]
}

Usage

import { css } from '@atlaskit/css';

const basicStyles = css({
    color: 'var(--ds-link)',
});

<div css={basicStyles} />;